groundworkcss 0.4.4 → 2.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (411) hide show
  1. data/Gemfile.lock +63 -0
  2. data/README.md +90 -48
  3. data/app/assets/fonts/groundworkcss/museo-slab-500-webfont.eot +0 -0
  4. data/app/assets/fonts/groundworkcss/museo-slab-500-webfont.svg +1228 -0
  5. data/app/assets/fonts/groundworkcss/museo-slab-500-webfont.ttf +0 -0
  6. data/app/assets/fonts/groundworkcss/museo-slab-500-webfont.woff +0 -0
  7. data/app/assets/fonts/groundworkcss/quicksand-regular-webfont.eot +0 -0
  8. data/app/assets/fonts/groundworkcss/quicksand-regular-webfont.svg +1746 -0
  9. data/app/assets/fonts/groundworkcss/quicksand-regular-webfont.ttf +0 -0
  10. data/app/assets/fonts/groundworkcss/quicksand-regular-webfont.woff +0 -0
  11. data/app/assets/fonts/groundworkcss/redacted-regular.eot +0 -0
  12. data/app/assets/fonts/groundworkcss/redacted-regular.svg +242 -0
  13. data/app/assets/fonts/groundworkcss/redacted-regular.ttf +0 -0
  14. data/app/assets/fonts/groundworkcss/redacted-regular.woff +0 -0
  15. data/app/assets/fonts/groundworkcss/redacted-script-bold.eot +0 -0
  16. data/app/assets/fonts/groundworkcss/redacted-script-bold.svg +244 -0
  17. data/app/assets/fonts/groundworkcss/redacted-script-bold.ttf +0 -0
  18. data/app/assets/fonts/groundworkcss/redacted-script-bold.woff +0 -0
  19. data/app/assets/fonts/groundworkcss/redacted-script-light.eot +0 -0
  20. data/app/assets/fonts/groundworkcss/redacted-script-light.svg +244 -0
  21. data/app/assets/fonts/groundworkcss/redacted-script-light.ttf +0 -0
  22. data/app/assets/fonts/groundworkcss/redacted-script-light.woff +0 -0
  23. data/app/assets/fonts/groundworkcss/redacted-script-regular.eot +0 -0
  24. data/app/assets/fonts/groundworkcss/redacted-script-regular.svg +244 -0
  25. data/app/assets/fonts/groundworkcss/redacted-script-regular.ttf +0 -0
  26. data/app/assets/fonts/groundworkcss/redacted-script-regular.woff +0 -0
  27. data/app/assets/fonts/groundworkcss/sourcesanspro-regular-webfont.eot +0 -0
  28. data/app/assets/fonts/groundworkcss/sourcesanspro-regular-webfont.svg +978 -0
  29. data/app/assets/fonts/groundworkcss/sourcesanspro-regular-webfont.ttf +0 -0
  30. data/app/assets/fonts/groundworkcss/sourcesanspro-regular-webfont.woff +0 -0
  31. data/app/assets/images/groundworkcss/black_linen_v2.png +0 -0
  32. data/app/assets/images/groundworkcss/diag6-black.png +0 -0
  33. data/app/assets/images/groundworkcss/example-usage.png +0 -0
  34. data/app/assets/images/groundworkcss/favicon.ico +0 -0
  35. data/app/assets/images/groundworkcss/groundwork-logo.png +0 -0
  36. data/app/assets/images/groundworkcss/groundwork-logo.svg +1 -0
  37. data/app/assets/images/groundworkcss/layout-a.png +0 -0
  38. data/app/assets/images/groundworkcss/layout-b.png +0 -0
  39. data/app/assets/images/groundworkcss/layout-c.png +0 -0
  40. data/app/assets/javascripts/groundworkcss/all.js +4 -0
  41. data/app/assets/javascripts/groundworkcss/components/checklists.coffee +8 -0
  42. data/app/assets/javascripts/groundworkcss/components/dismissible.coffee +7 -3
  43. data/app/assets/javascripts/groundworkcss/components/equalizeColumns.coffee +3 -4
  44. data/app/assets/javascripts/groundworkcss/components/menus.coffee +22 -156
  45. data/app/assets/javascripts/groundworkcss/components/navigation.coffee +90 -0
  46. data/app/assets/javascripts/groundworkcss/components/tabs.coffee +83 -18
  47. data/app/assets/javascripts/groundworkcss/demo/ZeroClipboard.swf +0 -0
  48. data/app/assets/javascripts/groundworkcss/demo/jquery.snippet.min.js +12 -0
  49. data/app/assets/javascripts/groundworkcss/libs/boxsizing.htc +6 -3
  50. data/app/assets/javascripts/groundworkcss/plugins/jquery-placeholderText.coffee +90 -0
  51. data/app/assets/javascripts/groundworkcss/plugins/jquery-responsiveTables.coffee +0 -1
  52. data/app/assets/stylesheets/groundworkcss/_settings-rails3.scss +298 -262
  53. data/app/assets/stylesheets/groundworkcss/_settings-rails4.scss +298 -262
  54. data/app/assets/stylesheets/groundworkcss/_settings.scss +306 -268
  55. data/app/assets/stylesheets/groundworkcss/anim/_all-animations.scss +37 -0
  56. data/app/assets/stylesheets/groundworkcss/anim/_bounce.scss +253 -0
  57. data/app/assets/stylesheets/groundworkcss/anim/_fade.scss +279 -0
  58. data/app/assets/stylesheets/groundworkcss/anim/_flash.scss +14 -0
  59. data/app/assets/stylesheets/groundworkcss/anim/_flip.scss +115 -0
  60. data/app/assets/stylesheets/groundworkcss/anim/_hinge.scss +21 -0
  61. data/app/assets/stylesheets/groundworkcss/anim/_lightspeed.scss +28 -0
  62. data/app/assets/stylesheets/groundworkcss/anim/_pulse.scss +15 -0
  63. data/app/assets/stylesheets/groundworkcss/anim/_roll.scss +37 -0
  64. data/app/assets/stylesheets/groundworkcss/anim/_rotate.scss +171 -0
  65. data/app/assets/stylesheets/groundworkcss/anim/_shake.scss +15 -0
  66. data/app/assets/stylesheets/groundworkcss/anim/_spin.scss +57 -0
  67. data/app/assets/stylesheets/groundworkcss/anim/_swing.scss +18 -0
  68. data/app/assets/stylesheets/groundworkcss/anim/_tada.scss +17 -0
  69. data/app/assets/stylesheets/groundworkcss/anim/_wiggle.scss +28 -0
  70. data/app/assets/stylesheets/groundworkcss/anim/_wobble.scss +19 -0
  71. data/app/assets/stylesheets/groundworkcss/base/_all-base.scss +4 -1
  72. data/app/assets/stylesheets/groundworkcss/base/_flex-box.scss +8 -23
  73. data/app/assets/stylesheets/groundworkcss/base/_global.scss +25 -19
  74. data/app/assets/stylesheets/groundworkcss/base/_grid.scss +140 -52
  75. data/app/assets/stylesheets/groundworkcss/base/_hbox-vbox.scss +101 -0
  76. data/app/assets/stylesheets/groundworkcss/base/_helpers.scss +80 -47
  77. data/app/assets/stylesheets/groundworkcss/base/_reset.scss +13 -1
  78. data/app/assets/stylesheets/groundworkcss/core/_all-core.scss +10 -6
  79. data/app/assets/stylesheets/groundworkcss/core/_constants.scss +1 -11
  80. data/app/assets/stylesheets/groundworkcss/core/_defaults.scss +2 -295
  81. data/app/assets/stylesheets/groundworkcss/core/_mixins-core.scss +16 -42
  82. data/app/assets/stylesheets/groundworkcss/core/_palette.scss +123 -0
  83. data/app/assets/stylesheets/groundworkcss/demo/_jquery.snippet.groundwork.scss +145 -0
  84. data/app/assets/stylesheets/groundworkcss/demo/groundworkdocs.scss +102 -0
  85. data/app/assets/stylesheets/groundworkcss/demo/jquery.snippet.scss +35 -0
  86. data/app/assets/stylesheets/groundworkcss/groundwork-ie.scss +30 -63
  87. data/app/assets/stylesheets/groundworkcss/groundwork.scss +10 -11
  88. data/app/assets/stylesheets/groundworkcss/icons/_all-icons.scss +5 -2
  89. data/app/assets/stylesheets/groundworkcss/icons/font-awesome/_extras.scss +0 -39
  90. data/app/assets/stylesheets/groundworkcss/{libs/placeholder_polyfill.css → placeholder_polyfill.css} +0 -0
  91. data/app/assets/stylesheets/groundworkcss/responsive/_all-responsive.scss +2 -2
  92. data/app/assets/stylesheets/groundworkcss/responsive/_desktop.scss +138 -13
  93. data/app/assets/stylesheets/groundworkcss/responsive/_helpers-responsive.scss +21 -15
  94. data/app/assets/stylesheets/groundworkcss/responsive/_ipad.scss +144 -16
  95. data/app/assets/stylesheets/groundworkcss/responsive/_mobile.scss +148 -34
  96. data/app/assets/stylesheets/groundworkcss/responsive/_small-tablet.scss +133 -176
  97. data/app/assets/stylesheets/groundworkcss/type/_all-type.scss +8 -4
  98. data/app/assets/stylesheets/groundworkcss/type/_link-type-icons.scss +404 -0
  99. data/app/assets/stylesheets/groundworkcss/type/_typography.scss +291 -84
  100. data/app/assets/stylesheets/groundworkcss/type/_webfonts.scss +48 -5
  101. data/app/assets/stylesheets/groundworkcss/ui/_all-ui.scss +6 -4
  102. data/app/assets/stylesheets/groundworkcss/ui/_boxes.scss +102 -0
  103. data/app/assets/stylesheets/groundworkcss/ui/_buttons.scss +389 -0
  104. data/app/assets/stylesheets/groundworkcss/{form → ui}/_forms.scss +49 -33
  105. data/app/assets/stylesheets/groundworkcss/ui/_messages.scss +76 -32
  106. data/app/assets/stylesheets/groundworkcss/ui/_nav.scss +346 -0
  107. data/app/assets/stylesheets/groundworkcss/ui/_tables.scss +83 -29
  108. data/app/assets/stylesheets/groundworkcss/ui/_tabs.scss +192 -0
  109. data/app/views/groundworkdocs/animations.html.erb +156 -0
  110. data/app/views/groundworkdocs/boxes.html.erb +131 -0
  111. data/app/views/groundworkdocs/breakpoints.html.erb +143 -0
  112. data/app/views/groundworkdocs/buttons.html.erb +369 -0
  113. data/app/views/groundworkdocs/forms.html.erb +399 -0
  114. data/app/views/groundworkdocs/grid.html.erb +582 -0
  115. data/app/views/groundworkdocs/helpers.html.erb +326 -0
  116. data/app/views/groundworkdocs/home.html.erb +88 -0
  117. data/app/views/groundworkdocs/icons.html.erb +1428 -0
  118. data/app/views/groundworkdocs/layout_a.html.erb +122 -0
  119. data/app/views/groundworkdocs/layout_b.html.erb +37 -0
  120. data/app/views/groundworkdocs/layout_c.html.erb +116 -0
  121. data/app/views/groundworkdocs/media_queries.html.erb +75 -0
  122. data/app/views/groundworkdocs/messages.html.erb +92 -0
  123. data/app/views/groundworkdocs/navigation.html.erb +500 -0
  124. data/app/views/groundworkdocs/placeholder_text.html.erb +86 -0
  125. data/app/views/groundworkdocs/responsive_text.html.erb +90 -0
  126. data/app/views/groundworkdocs/tables.html.erb +554 -0
  127. data/app/views/groundworkdocs/tabs.html.erb +216 -0
  128. data/app/views/groundworkdocs/typography.html.erb +656 -0
  129. data/app/views/layouts/groundworkdocs.html.erb +126 -0
  130. data/groundworkcss.gemspec +2 -2
  131. data/lib/groundworkcss/generators/USAGE.md +24 -0
  132. data/lib/groundworkcss/generators/docs_generator.rb +61 -0
  133. data/lib/groundworkcss/generators/install_generator.rb +25 -8
  134. data/lib/groundworkcss/version.rb +1 -1
  135. data/lib/groundworkcss.rb +1 -1
  136. metadata +105 -292
  137. data/app/assets/fonts/groundworkcss/FontAwesome.otf +0 -0
  138. data/app/assets/fonts/groundworkcss/americantypewriterstd-bold.eot +0 -0
  139. data/app/assets/fonts/groundworkcss/americantypewriterstd-bold.svg +0 -128
  140. data/app/assets/fonts/groundworkcss/americantypewriterstd-bold.ttf +0 -0
  141. data/app/assets/fonts/groundworkcss/americantypewriterstd-bold.woff +0 -0
  142. data/app/assets/fonts/groundworkcss/average-sans-webfont.eot +0 -0
  143. data/app/assets/fonts/groundworkcss/average-sans-webfont.ttf +0 -0
  144. data/app/assets/fonts/groundworkcss/average-sans-webfont.woff +0 -0
  145. data/app/assets/images/groundworkcss/social-icons/500px-m.png +0 -0
  146. data/app/assets/images/groundworkcss/social-icons/500px-s.png +0 -0
  147. data/app/assets/images/groundworkcss/social-icons/500px.png +0 -0
  148. data/app/assets/images/groundworkcss/social-icons/500px.svg +0 -62
  149. data/app/assets/images/groundworkcss/social-icons/aboutme-m.png +0 -0
  150. data/app/assets/images/groundworkcss/social-icons/aboutme-s.png +0 -0
  151. data/app/assets/images/groundworkcss/social-icons/aboutme.png +0 -0
  152. data/app/assets/images/groundworkcss/social-icons/aboutme.svg +0 -42
  153. data/app/assets/images/groundworkcss/social-icons/adn-m.png +0 -0
  154. data/app/assets/images/groundworkcss/social-icons/adn-s.png +0 -0
  155. data/app/assets/images/groundworkcss/social-icons/adn.png +0 -0
  156. data/app/assets/images/groundworkcss/social-icons/adn.svg +0 -14
  157. data/app/assets/images/groundworkcss/social-icons/android-m.png +0 -0
  158. data/app/assets/images/groundworkcss/social-icons/android-s.png +0 -0
  159. data/app/assets/images/groundworkcss/social-icons/android.png +0 -0
  160. data/app/assets/images/groundworkcss/social-icons/android.svg +0 -30
  161. data/app/assets/images/groundworkcss/social-icons/apple-m.png +0 -0
  162. data/app/assets/images/groundworkcss/social-icons/apple-s.png +0 -0
  163. data/app/assets/images/groundworkcss/social-icons/apple.png +0 -0
  164. data/app/assets/images/groundworkcss/social-icons/apple.svg +0 -19
  165. data/app/assets/images/groundworkcss/social-icons/behance-m.png +0 -0
  166. data/app/assets/images/groundworkcss/social-icons/behance-s.png +0 -0
  167. data/app/assets/images/groundworkcss/social-icons/behance.png +0 -0
  168. data/app/assets/images/groundworkcss/social-icons/behance.svg +0 -48
  169. data/app/assets/images/groundworkcss/social-icons/bitbucket-m.png +0 -0
  170. data/app/assets/images/groundworkcss/social-icons/bitbucket-s.png +0 -0
  171. data/app/assets/images/groundworkcss/social-icons/bitbucket.png +0 -0
  172. data/app/assets/images/groundworkcss/social-icons/bitbucket.svg +0 -36
  173. data/app/assets/images/groundworkcss/social-icons/blogger-m.png +0 -0
  174. data/app/assets/images/groundworkcss/social-icons/blogger-s.png +0 -0
  175. data/app/assets/images/groundworkcss/social-icons/blogger.png +0 -0
  176. data/app/assets/images/groundworkcss/social-icons/blogger.svg +0 -22
  177. data/app/assets/images/groundworkcss/social-icons/coderwall-m.png +0 -0
  178. data/app/assets/images/groundworkcss/social-icons/coderwall-s.png +0 -0
  179. data/app/assets/images/groundworkcss/social-icons/coderwall.png +0 -0
  180. data/app/assets/images/groundworkcss/social-icons/coderwall.svg +0 -21
  181. data/app/assets/images/groundworkcss/social-icons/creativecloud-m.png +0 -0
  182. data/app/assets/images/groundworkcss/social-icons/creativecloud-s.png +0 -0
  183. data/app/assets/images/groundworkcss/social-icons/creativecloud.png +0 -0
  184. data/app/assets/images/groundworkcss/social-icons/creativecloud.svg +0 -48
  185. data/app/assets/images/groundworkcss/social-icons/dribbble-m.png +0 -0
  186. data/app/assets/images/groundworkcss/social-icons/dribbble-s.png +0 -0
  187. data/app/assets/images/groundworkcss/social-icons/dribbble.png +0 -0
  188. data/app/assets/images/groundworkcss/social-icons/dribbble.svg +0 -28
  189. data/app/assets/images/groundworkcss/social-icons/dropbox-m.png +0 -0
  190. data/app/assets/images/groundworkcss/social-icons/dropbox-s.png +0 -0
  191. data/app/assets/images/groundworkcss/social-icons/dropbox.png +0 -0
  192. data/app/assets/images/groundworkcss/social-icons/dropbox.svg +0 -73
  193. data/app/assets/images/groundworkcss/social-icons/evernote-m.png +0 -0
  194. data/app/assets/images/groundworkcss/social-icons/evernote-s.png +0 -0
  195. data/app/assets/images/groundworkcss/social-icons/evernote.png +0 -0
  196. data/app/assets/images/groundworkcss/social-icons/evernote.svg +0 -62
  197. data/app/assets/images/groundworkcss/social-icons/facebook-m.png +0 -0
  198. data/app/assets/images/groundworkcss/social-icons/facebook-s.png +0 -0
  199. data/app/assets/images/groundworkcss/social-icons/facebook.png +0 -0
  200. data/app/assets/images/groundworkcss/social-icons/facebook.svg +0 -15
  201. data/app/assets/images/groundworkcss/social-icons/fairheadcreative-m.png +0 -0
  202. data/app/assets/images/groundworkcss/social-icons/fairheadcreative-s.png +0 -0
  203. data/app/assets/images/groundworkcss/social-icons/fairheadcreative.png +0 -0
  204. data/app/assets/images/groundworkcss/social-icons/fairheadcreative.svg +0 -24
  205. data/app/assets/images/groundworkcss/social-icons/flickr-m.png +0 -0
  206. data/app/assets/images/groundworkcss/social-icons/flickr-s.png +0 -0
  207. data/app/assets/images/groundworkcss/social-icons/flickr.png +0 -0
  208. data/app/assets/images/groundworkcss/social-icons/flickr.svg +0 -14
  209. data/app/assets/images/groundworkcss/social-icons/foursquare-m.png +0 -0
  210. data/app/assets/images/groundworkcss/social-icons/foursquare-s.png +0 -0
  211. data/app/assets/images/groundworkcss/social-icons/foursquare.png +0 -0
  212. data/app/assets/images/groundworkcss/social-icons/foursquare.svg +0 -43
  213. data/app/assets/images/groundworkcss/social-icons/git-m.png +0 -0
  214. data/app/assets/images/groundworkcss/social-icons/git-s.png +0 -0
  215. data/app/assets/images/groundworkcss/social-icons/git.png +0 -0
  216. data/app/assets/images/groundworkcss/social-icons/git.svg +0 -22
  217. data/app/assets/images/groundworkcss/social-icons/github-m.png +0 -0
  218. data/app/assets/images/groundworkcss/social-icons/github-s.png +0 -0
  219. data/app/assets/images/groundworkcss/social-icons/github.png +0 -0
  220. data/app/assets/images/groundworkcss/social-icons/github.svg +0 -38
  221. data/app/assets/images/groundworkcss/social-icons/goodreads-m.png +0 -0
  222. data/app/assets/images/groundworkcss/social-icons/goodreads-s.png +0 -0
  223. data/app/assets/images/groundworkcss/social-icons/goodreads.png +0 -0
  224. data/app/assets/images/groundworkcss/social-icons/goodreads.svg +0 -38
  225. data/app/assets/images/groundworkcss/social-icons/googleplay-m.png +0 -0
  226. data/app/assets/images/groundworkcss/social-icons/googleplay-s.png +0 -0
  227. data/app/assets/images/groundworkcss/social-icons/googleplay.png +0 -0
  228. data/app/assets/images/groundworkcss/social-icons/googleplay.svg +0 -24
  229. data/app/assets/images/groundworkcss/social-icons/googleplus-m.png +0 -0
  230. data/app/assets/images/groundworkcss/social-icons/googleplus-s.png +0 -0
  231. data/app/assets/images/groundworkcss/social-icons/googleplus.png +0 -0
  232. data/app/assets/images/groundworkcss/social-icons/googleplus.svg +0 -52
  233. data/app/assets/images/groundworkcss/social-icons/html5-m.png +0 -0
  234. data/app/assets/images/groundworkcss/social-icons/html5-s.png +0 -0
  235. data/app/assets/images/groundworkcss/social-icons/html5.png +0 -0
  236. data/app/assets/images/groundworkcss/social-icons/html5.svg +0 -29
  237. data/app/assets/images/groundworkcss/social-icons/icloud-m.png +0 -0
  238. data/app/assets/images/groundworkcss/social-icons/icloud-s.png +0 -0
  239. data/app/assets/images/groundworkcss/social-icons/icloud.png +0 -0
  240. data/app/assets/images/groundworkcss/social-icons/icloud.svg +0 -26
  241. data/app/assets/images/groundworkcss/social-icons/instagram-m.png +0 -0
  242. data/app/assets/images/groundworkcss/social-icons/instagram-s.png +0 -0
  243. data/app/assets/images/groundworkcss/social-icons/instagram.png +0 -0
  244. data/app/assets/images/groundworkcss/social-icons/instagram.svg +0 -166
  245. data/app/assets/images/groundworkcss/social-icons/lastfm-m.png +0 -0
  246. data/app/assets/images/groundworkcss/social-icons/lastfm-s.png +0 -0
  247. data/app/assets/images/groundworkcss/social-icons/lastfm.png +0 -0
  248. data/app/assets/images/groundworkcss/social-icons/lastfm.svg +0 -44
  249. data/app/assets/images/groundworkcss/social-icons/linkedin-m.png +0 -0
  250. data/app/assets/images/groundworkcss/social-icons/linkedin-s.png +0 -0
  251. data/app/assets/images/groundworkcss/social-icons/linkedin.png +0 -0
  252. data/app/assets/images/groundworkcss/social-icons/linkedin.svg +0 -28
  253. data/app/assets/images/groundworkcss/social-icons/mail-m.png +0 -0
  254. data/app/assets/images/groundworkcss/social-icons/mail-s.png +0 -0
  255. data/app/assets/images/groundworkcss/social-icons/mail.png +0 -0
  256. data/app/assets/images/groundworkcss/social-icons/mail.svg +0 -27
  257. data/app/assets/images/groundworkcss/social-icons/mercurial-m.png +0 -0
  258. data/app/assets/images/groundworkcss/social-icons/mercurial-s.png +0 -0
  259. data/app/assets/images/groundworkcss/social-icons/mercurial.png +0 -0
  260. data/app/assets/images/groundworkcss/social-icons/mercurial.svg +0 -22
  261. data/app/assets/images/groundworkcss/social-icons/mixi-m.png +0 -0
  262. data/app/assets/images/groundworkcss/social-icons/mixi-s.png +0 -0
  263. data/app/assets/images/groundworkcss/social-icons/mixi.png +0 -0
  264. data/app/assets/images/groundworkcss/social-icons/mixi.svg +0 -32
  265. data/app/assets/images/groundworkcss/social-icons/msn-m.png +0 -0
  266. data/app/assets/images/groundworkcss/social-icons/msn-s.png +0 -0
  267. data/app/assets/images/groundworkcss/social-icons/msn.png +0 -0
  268. data/app/assets/images/groundworkcss/social-icons/msn.svg +0 -44
  269. data/app/assets/images/groundworkcss/social-icons/orkut-m.png +0 -0
  270. data/app/assets/images/groundworkcss/social-icons/orkut-s.png +0 -0
  271. data/app/assets/images/groundworkcss/social-icons/orkut.png +0 -0
  272. data/app/assets/images/groundworkcss/social-icons/orkut.svg +0 -23
  273. data/app/assets/images/groundworkcss/social-icons/picasa-m.png +0 -0
  274. data/app/assets/images/groundworkcss/social-icons/picasa-s.png +0 -0
  275. data/app/assets/images/groundworkcss/social-icons/picasa.png +0 -0
  276. data/app/assets/images/groundworkcss/social-icons/picasa.svg +0 -48
  277. data/app/assets/images/groundworkcss/social-icons/pinterest-m.png +0 -0
  278. data/app/assets/images/groundworkcss/social-icons/pinterest-s.png +0 -0
  279. data/app/assets/images/groundworkcss/social-icons/pinterest.png +0 -0
  280. data/app/assets/images/groundworkcss/social-icons/pinterest.svg +0 -42
  281. data/app/assets/images/groundworkcss/social-icons/pocketapp-m.png +0 -0
  282. data/app/assets/images/groundworkcss/social-icons/pocketapp-s.png +0 -0
  283. data/app/assets/images/groundworkcss/social-icons/pocketapp.png +0 -0
  284. data/app/assets/images/groundworkcss/social-icons/pocketapp.svg +0 -38
  285. data/app/assets/images/groundworkcss/social-icons/quora-m.png +0 -0
  286. data/app/assets/images/groundworkcss/social-icons/quora-s.png +0 -0
  287. data/app/assets/images/groundworkcss/social-icons/quora.png +0 -0
  288. data/app/assets/images/groundworkcss/social-icons/quora.svg +0 -20
  289. data/app/assets/images/groundworkcss/social-icons/rdio-m.png +0 -0
  290. data/app/assets/images/groundworkcss/social-icons/rdio-s.png +0 -0
  291. data/app/assets/images/groundworkcss/social-icons/rdio.png +0 -0
  292. data/app/assets/images/groundworkcss/social-icons/rdio.svg +0 -18
  293. data/app/assets/images/groundworkcss/social-icons/renren-m.png +0 -0
  294. data/app/assets/images/groundworkcss/social-icons/renren-s.png +0 -0
  295. data/app/assets/images/groundworkcss/social-icons/renren.png +0 -0
  296. data/app/assets/images/groundworkcss/social-icons/renren.svg +0 -79
  297. data/app/assets/images/groundworkcss/social-icons/rss-m.png +0 -0
  298. data/app/assets/images/groundworkcss/social-icons/rss-s.png +0 -0
  299. data/app/assets/images/groundworkcss/social-icons/rss.png +0 -0
  300. data/app/assets/images/groundworkcss/social-icons/rss.svg +0 -18
  301. data/app/assets/images/groundworkcss/social-icons/skitch-m.png +0 -0
  302. data/app/assets/images/groundworkcss/social-icons/skitch-s.png +0 -0
  303. data/app/assets/images/groundworkcss/social-icons/skitch.png +0 -0
  304. data/app/assets/images/groundworkcss/social-icons/skitch.svg +0 -24
  305. data/app/assets/images/groundworkcss/social-icons/skype-m.png +0 -0
  306. data/app/assets/images/groundworkcss/social-icons/skype-s.png +0 -0
  307. data/app/assets/images/groundworkcss/social-icons/skype.png +0 -0
  308. data/app/assets/images/groundworkcss/social-icons/skype.svg +0 -25
  309. data/app/assets/images/groundworkcss/social-icons/soundcloud-m.png +0 -0
  310. data/app/assets/images/groundworkcss/social-icons/soundcloud-s.png +0 -0
  311. data/app/assets/images/groundworkcss/social-icons/soundcloud.png +0 -0
  312. data/app/assets/images/groundworkcss/social-icons/soundcloud.svg +0 -60
  313. data/app/assets/images/groundworkcss/social-icons/spotify-m.png +0 -0
  314. data/app/assets/images/groundworkcss/social-icons/spotify-s.png +0 -0
  315. data/app/assets/images/groundworkcss/social-icons/spotify.png +0 -0
  316. data/app/assets/images/groundworkcss/social-icons/spotify.svg +0 -38
  317. data/app/assets/images/groundworkcss/social-icons/stackoverflow-m.png +0 -0
  318. data/app/assets/images/groundworkcss/social-icons/stackoverflow-s.png +0 -0
  319. data/app/assets/images/groundworkcss/social-icons/stackoverflow.png +0 -0
  320. data/app/assets/images/groundworkcss/social-icons/stackoverflow.svg +0 -32
  321. data/app/assets/images/groundworkcss/social-icons/stumbleupon-m.png +0 -0
  322. data/app/assets/images/groundworkcss/social-icons/stumbleupon-s.png +0 -0
  323. data/app/assets/images/groundworkcss/social-icons/stumbleupon.png +0 -0
  324. data/app/assets/images/groundworkcss/social-icons/stumbleupon.svg +0 -22
  325. data/app/assets/images/groundworkcss/social-icons/svn-m.png +0 -0
  326. data/app/assets/images/groundworkcss/social-icons/svn-s.png +0 -0
  327. data/app/assets/images/groundworkcss/social-icons/svn.png +0 -0
  328. data/app/assets/images/groundworkcss/social-icons/svn.svg +0 -25
  329. data/app/assets/images/groundworkcss/social-icons/tent-m.png +0 -0
  330. data/app/assets/images/groundworkcss/social-icons/tent-s.png +0 -0
  331. data/app/assets/images/groundworkcss/social-icons/tent.png +0 -0
  332. data/app/assets/images/groundworkcss/social-icons/tent.svg +0 -16
  333. data/app/assets/images/groundworkcss/social-icons/tripadvisor-m.png +0 -0
  334. data/app/assets/images/groundworkcss/social-icons/tripadvisor-s.png +0 -0
  335. data/app/assets/images/groundworkcss/social-icons/tripadvisor.png +0 -0
  336. data/app/assets/images/groundworkcss/social-icons/tripadvisor.svg +0 -30
  337. data/app/assets/images/groundworkcss/social-icons/tumblr-m.png +0 -0
  338. data/app/assets/images/groundworkcss/social-icons/tumblr-s.png +0 -0
  339. data/app/assets/images/groundworkcss/social-icons/tumblr.png +0 -0
  340. data/app/assets/images/groundworkcss/social-icons/tumblr.svg +0 -16
  341. data/app/assets/images/groundworkcss/social-icons/twitter-m.png +0 -0
  342. data/app/assets/images/groundworkcss/social-icons/twitter-s.png +0 -0
  343. data/app/assets/images/groundworkcss/social-icons/twitter.png +0 -0
  344. data/app/assets/images/groundworkcss/social-icons/twitter.svg +0 -24
  345. data/app/assets/images/groundworkcss/social-icons/vimeo-m.png +0 -0
  346. data/app/assets/images/groundworkcss/social-icons/vimeo-s.png +0 -0
  347. data/app/assets/images/groundworkcss/social-icons/vimeo.png +0 -0
  348. data/app/assets/images/groundworkcss/social-icons/vimeo.svg +0 -20
  349. data/app/assets/images/groundworkcss/social-icons/weibo-m.png +0 -0
  350. data/app/assets/images/groundworkcss/social-icons/weibo-s.png +0 -0
  351. data/app/assets/images/groundworkcss/social-icons/weibo.png +0 -0
  352. data/app/assets/images/groundworkcss/social-icons/weibo.svg +0 -54
  353. data/app/assets/images/groundworkcss/social-icons/windows-m.png +0 -0
  354. data/app/assets/images/groundworkcss/social-icons/windows-s.png +0 -0
  355. data/app/assets/images/groundworkcss/social-icons/windows.png +0 -0
  356. data/app/assets/images/groundworkcss/social-icons/windows.svg +0 -26
  357. data/app/assets/images/groundworkcss/social-icons/wordpress-m.png +0 -0
  358. data/app/assets/images/groundworkcss/social-icons/wordpress-s.png +0 -0
  359. data/app/assets/images/groundworkcss/social-icons/wordpress.png +0 -0
  360. data/app/assets/images/groundworkcss/social-icons/wordpress.svg +0 -50
  361. data/app/assets/images/groundworkcss/social-icons/xing-m.png +0 -0
  362. data/app/assets/images/groundworkcss/social-icons/xing-s.png +0 -0
  363. data/app/assets/images/groundworkcss/social-icons/xing.png +0 -0
  364. data/app/assets/images/groundworkcss/social-icons/xing.svg +0 -16
  365. data/app/assets/images/groundworkcss/social-icons/yelp-m.png +0 -0
  366. data/app/assets/images/groundworkcss/social-icons/yelp-s.png +0 -0
  367. data/app/assets/images/groundworkcss/social-icons/yelp.png +0 -0
  368. data/app/assets/images/groundworkcss/social-icons/yelp.svg +0 -54
  369. data/app/assets/images/groundworkcss/social-icons/youtube-m.png +0 -0
  370. data/app/assets/images/groundworkcss/social-icons/youtube-s.png +0 -0
  371. data/app/assets/images/groundworkcss/social-icons/youtube.png +0 -0
  372. data/app/assets/images/groundworkcss/social-icons/youtube.svg +0 -106
  373. data/app/assets/images/groundworkcss/social-icons/youversion-m.png +0 -0
  374. data/app/assets/images/groundworkcss/social-icons/youversion-s.png +0 -0
  375. data/app/assets/images/groundworkcss/social-icons/youversion.png +0 -0
  376. data/app/assets/images/groundworkcss/social-icons/youversion.svg +0 -54
  377. data/app/assets/images/groundworkcss/social-icons/zerply-m.png +0 -0
  378. data/app/assets/images/groundworkcss/social-icons/zerply-s.png +0 -0
  379. data/app/assets/images/groundworkcss/social-icons/zerply.png +0 -0
  380. data/app/assets/images/groundworkcss/social-icons/zerply.svg +0 -20
  381. data/app/assets/javascripts/groundworkcss/components/disabled.coffee +0 -18
  382. data/app/assets/javascripts/groundworkcss/components/modals.coffee +0 -46
  383. data/app/assets/javascripts/groundworkcss/components/pagination.coffee +0 -128
  384. data/app/assets/javascripts/groundworkcss/components/tiles.coffee +0 -32
  385. data/app/assets/javascripts/groundworkcss/index.js +0 -17
  386. data/app/assets/javascripts/groundworkcss/plugins/cycle/jquery.cycle2.caption2.js +0 -67
  387. data/app/assets/javascripts/groundworkcss/plugins/cycle/jquery.cycle2.carousel.js +0 -265
  388. data/app/assets/javascripts/groundworkcss/plugins/cycle/jquery.cycle2.center.js +0 -63
  389. data/app/assets/javascripts/groundworkcss/plugins/cycle/jquery.cycle2.ie-fade.js +0 -46
  390. data/app/assets/javascripts/groundworkcss/plugins/cycle/jquery.cycle2.scrollVert.js +0 -15
  391. data/app/assets/javascripts/groundworkcss/plugins/cycle/jquery.cycle2.shuffle.js +0 -62
  392. data/app/assets/javascripts/groundworkcss/plugins/cycle/jquery.cycle2.swipe.js +0 -70
  393. data/app/assets/javascripts/groundworkcss/plugins/cycle/jquery.cycle2.tile.js +0 -131
  394. data/app/assets/javascripts/groundworkcss/plugins/cycle/jquery.cycle2.video.js +0 -66
  395. data/app/assets/javascripts/groundworkcss/plugins/jquery-tooltip.coffee +0 -127
  396. data/app/assets/javascripts/groundworkcss/plugins/jquery.cycle2.js +0 -1426
  397. data/app/assets/javascripts/groundworkcss/plugins/jquery.magnific-popup.js +0 -1760
  398. data/app/assets/stylesheets/groundworkcss/base/_animations.scss +0 -29
  399. data/app/assets/stylesheets/groundworkcss/form/_all-form.scss +0 -11
  400. data/app/assets/stylesheets/groundworkcss/form/_tiles.scss +0 -98
  401. data/app/assets/stylesheets/groundworkcss/nav/_all-nav.scss +0 -12
  402. data/app/assets/stylesheets/groundworkcss/nav/_buttons.scss +0 -341
  403. data/app/assets/stylesheets/groundworkcss/nav/_navigation.scss +0 -409
  404. data/app/assets/stylesheets/groundworkcss/nav/_tabs.scss +0 -232
  405. data/app/assets/stylesheets/groundworkcss/social-icons-png.scss +0 -295
  406. data/app/assets/stylesheets/groundworkcss/social-icons-svg.scss +0 -99
  407. data/app/assets/stylesheets/groundworkcss/ui/_callouts.scss +0 -143
  408. data/app/assets/stylesheets/groundworkcss/ui/_modals.scss +0 -556
  409. data/app/assets/stylesheets/groundworkcss/ui/_tooltips.scss +0 -197
  410. data/groundworkcss-0.4.3.gem +0 -0
  411. data/lib/groundworkcss/railties.rb +0 -8
@@ -0,0 +1,1428 @@
1
+ <div class="padded">
2
+ <div class="row">
3
+ <div class="three fifths bounceInRight animated">
4
+ <h1 class="zero museo-slab">Font Awesome Icons</h1>
5
+ <p class="quicksand"><a href="http://fontawesome.io/" target="_blank">Font Awesome</a> is a beautiful collection of vector icons created & maintained by <a href="http://twitter.com/davegandy" target="_blank">Dave Gandy</a></p>
6
+ </div>
7
+ <div class="two fifths align-right-ipad align-right-desktop flipInX animated">
8
+ <p class="quicksand">Component Usage Example 11 of 14</p>
9
+ <p><a href="forms.html" rel="prev" class="blue button">Back</a> <a href="responsive_text.html" rel="next" class="green button">Next: Responsive Text</a></p>
10
+ </div>
11
+ </div>
12
+ </div>
13
+ <hr>
14
+ <div class="row">
15
+ <div class="one whole padded">
16
+ <h4>Example Usage</h4>
17
+ <div class="row">
18
+ <div class="one half">
19
+ <div class="row">
20
+ <div class="one third small-tablet pad-left pad-right align-center"><i class="icon-twitter icon-4x"></i></div>
21
+ <div class="two thirds small-tablet padded">
22
+ <pre data-lang="html">&lt;i class=&quot;icon-twitter icon-4x&quot;&gt;&lt;/i&gt;</pre>
23
+ </div>
24
+ </div>
25
+ </div>
26
+ <div class="one half">
27
+ <div class="row">
28
+ <div class="one third small-tablet pad-left pad-right align-center"><i class="icon-spinner icon-spin icon-4x"></i></div>
29
+ <div class="two thirds small-tablet padded">
30
+ <pre data-lang="html">&lt;i class=&quot;icon-spinner icon-spin icon-4x&quot;&gt;&lt;/i&gt;</pre>
31
+ </div>
32
+ </div>
33
+ </div>
34
+ </div>
35
+ <hr><br>
36
+ <section id="new" class="bounceInLeft animated">
37
+ <h4>New Icons in 3.2</h4>
38
+ <div class="row the-icons">
39
+ <div class="one fourth two-up-small-tablet two-up-mobile">
40
+ <p><i class="icon-compass"></i> icon-compass</p>
41
+ </div>
42
+ <div class="one fourth two-up-small-tablet two-up-mobile">
43
+ <p><i class="icon-collapse"></i> icon-collapse</p>
44
+ </div>
45
+ <div class="one fourth two-up-small-tablet two-up-mobile">
46
+ <p><i class="icon-collapse-top"></i> icon-collapse-top</p>
47
+ </div>
48
+ <div class="one fourth two-up-small-tablet two-up-mobile">
49
+ <p><i class="icon-expand"></i> icon-expand</p>
50
+ </div>
51
+ <div class="one fourth two-up-small-tablet two-up-mobile">
52
+ <p><i class="icon-eur"></i> icon-eur</p>
53
+ </div>
54
+ <div class="one fourth two-up-small-tablet two-up-mobile">
55
+ <p><i class="icon-euro"></i> icon-euro<span class="muted">(alias)</span></p>
56
+ </div>
57
+ <div class="one fourth two-up-small-tablet two-up-mobile">
58
+ <p><i class="icon-gbp"></i> icon-gbp</p>
59
+ </div>
60
+ <div class="one fourth two-up-small-tablet two-up-mobile">
61
+ <p><i class="icon-usd"></i> icon-usd</p>
62
+ </div>
63
+ <div class="one fourth two-up-small-tablet two-up-mobile">
64
+ <p><i class="icon-dollar"></i> icon-dollar<span class="muted">(alias)</span></p>
65
+ </div>
66
+ <div class="one fourth two-up-small-tablet two-up-mobile">
67
+ <p><i class="icon-inr"></i> icon-inr</p>
68
+ </div>
69
+ <div class="one fourth two-up-small-tablet two-up-mobile">
70
+ <p><i class="icon-rupee"></i> icon-rupee<span class="muted">(alias)</span></p>
71
+ </div>
72
+ <div class="one fourth two-up-small-tablet two-up-mobile">
73
+ <p><i class="icon-jpy"></i> icon-jpy</p>
74
+ </div>
75
+ <div class="one fourth two-up-small-tablet two-up-mobile">
76
+ <p><i class="icon-yen"></i> icon-yen<span class="muted">(alias)</span></p>
77
+ </div>
78
+ <div class="one fourth two-up-small-tablet two-up-mobile">
79
+ <p><i class="icon-cny"></i> icon-cny</p>
80
+ </div>
81
+ <div class="one fourth two-up-small-tablet two-up-mobile">
82
+ <p><i class="icon-renminbi"></i> icon-renminbi<span class="muted">(alias)</span></p>
83
+ </div>
84
+ <div class="one fourth two-up-small-tablet two-up-mobile">
85
+ <p><i class="icon-krw"></i> icon-krw</p>
86
+ </div>
87
+ <div class="one fourth two-up-small-tablet two-up-mobile">
88
+ <p><i class="icon-won"></i> icon-won<span class="muted">(alias)</span></p>
89
+ </div>
90
+ <div class="one fourth two-up-small-tablet two-up-mobile">
91
+ <p><i class="icon-btc"></i> icon-btc</p>
92
+ </div>
93
+ <div class="one fourth two-up-small-tablet two-up-mobile">
94
+ <p><i class="icon-bitcoin"></i> icon-bitcoin<span class="muted">(alias)</span></p>
95
+ </div>
96
+ <div class="one fourth two-up-small-tablet two-up-mobile">
97
+ <p><i class="icon-file"></i> icon-file</p>
98
+ </div>
99
+ <div class="one fourth two-up-small-tablet two-up-mobile">
100
+ <p><i class="icon-file-text"></i> icon-file-text</p>
101
+ </div>
102
+ <div class="one fourth two-up-small-tablet two-up-mobile">
103
+ <p><i class="icon-sort-by-alphabet"></i> icon-sort-by-alphabet</p>
104
+ </div>
105
+ <div class="one fourth two-up-small-tablet two-up-mobile">
106
+ <p><i class="icon-sort-by-alphabet-alt"></i> icon-sort-by-alphabet-alt</p>
107
+ </div>
108
+ <div class="one fourth two-up-small-tablet two-up-mobile">
109
+ <p><i class="icon-sort-by-attributes"></i> icon-sort-by-attributes</p>
110
+ </div>
111
+ <div class="one fourth two-up-small-tablet two-up-mobile">
112
+ <p><i class="icon-sort-by-attributes-alt"></i> icon-sort-by-attributes-alt</p>
113
+ </div>
114
+ <div class="one fourth two-up-small-tablet two-up-mobile">
115
+ <p><i class="icon-sort-by-order"></i> icon-sort-by-order</p>
116
+ </div>
117
+ <div class="one fourth two-up-small-tablet two-up-mobile">
118
+ <p><i class="icon-sort-by-order-alt"></i> icon-sort-by-order-alt</p>
119
+ </div>
120
+ <div class="one fourth two-up-small-tablet two-up-mobile">
121
+ <p><i class="icon-thumbs-up"></i> icon-thumbs-up</p>
122
+ </div>
123
+ <div class="one fourth two-up-small-tablet two-up-mobile">
124
+ <p><i class="icon-thumbs-down"></i> icon-thumbs-down</p>
125
+ </div>
126
+ <div class="one fourth two-up-small-tablet two-up-mobile">
127
+ <p><i class="icon-youtube-sign"></i> icon-youtube-sign</p>
128
+ </div>
129
+ <div class="one fourth two-up-small-tablet two-up-mobile">
130
+ <p><i class="icon-youtube"></i> icon-youtube</p>
131
+ </div>
132
+ <div class="one fourth two-up-small-tablet two-up-mobile">
133
+ <p><i class="icon-xing"></i> icon-xing</p>
134
+ </div>
135
+ <div class="one fourth two-up-small-tablet two-up-mobile">
136
+ <p><i class="icon-xing-sign"></i> icon-xing-sign</p>
137
+ </div>
138
+ <div class="one fourth two-up-small-tablet two-up-mobile">
139
+ <p><i class="icon-youtube-play"></i> icon-youtube-play</p>
140
+ </div>
141
+ <div class="one fourth two-up-small-tablet two-up-mobile">
142
+ <p><i class="icon-dropbox"></i> icon-dropbox</p>
143
+ </div>
144
+ <div class="one fourth two-up-small-tablet two-up-mobile">
145
+ <p><i class="icon-stackexchange"></i> icon-stackexchange</p>
146
+ </div>
147
+ <div class="one fourth two-up-small-tablet two-up-mobile">
148
+ <p><i class="icon-instagram"></i> icon-instagram</p>
149
+ </div>
150
+ <div class="one fourth two-up-small-tablet two-up-mobile">
151
+ <p><i class="icon-flickr"></i> icon-flickr</p>
152
+ </div>
153
+ <div class="one fourth two-up-small-tablet two-up-mobile">
154
+ <p><i class="icon-adn"></i> icon-adn</p>
155
+ </div>
156
+ <div class="one fourth two-up-small-tablet two-up-mobile">
157
+ <p><i class="icon-bitbucket"></i> icon-bitbucket</p>
158
+ </div>
159
+ <div class="one fourth two-up-small-tablet two-up-mobile">
160
+ <p><i class="icon-bitbucket-sign"></i> icon-bitbucket-sign</p>
161
+ </div>
162
+ <div class="one fourth two-up-small-tablet two-up-mobile">
163
+ <p><i class="icon-tumblr"></i> icon-tumblr</p>
164
+ </div>
165
+ <div class="one fourth two-up-small-tablet two-up-mobile">
166
+ <p><i class="icon-tumblr-sign"></i> icon-tumblr-sign</p>
167
+ </div>
168
+ <div class="one fourth two-up-small-tablet two-up-mobile">
169
+ <p><i class="icon-long-arrow-down"></i> icon-long-arrow-down</p>
170
+ </div>
171
+ <div class="one fourth two-up-small-tablet two-up-mobile">
172
+ <p><i class="icon-long-arrow-up"></i> icon-long-arrow-up</p>
173
+ </div>
174
+ <div class="one fourth two-up-small-tablet two-up-mobile">
175
+ <p><i class="icon-long-arrow-left"></i> icon-long-arrow-left</p>
176
+ </div>
177
+ <div class="one fourth two-up-small-tablet two-up-mobile">
178
+ <p><i class="icon-long-arrow-right"></i> icon-long-arrow-right</p>
179
+ </div>
180
+ <div class="one fourth two-up-small-tablet two-up-mobile">
181
+ <p><i class="icon-apple"></i> icon-apple</p>
182
+ </div>
183
+ <div class="one fourth two-up-small-tablet two-up-mobile">
184
+ <p><i class="icon-windows"></i> icon-windows</p>
185
+ </div>
186
+ <div class="one fourth two-up-small-tablet two-up-mobile">
187
+ <p><i class="icon-android"></i> icon-android</p>
188
+ </div>
189
+ <div class="one fourth two-up-small-tablet two-up-mobile">
190
+ <p><i class="icon-linux"></i> icon-linux</p>
191
+ </div>
192
+ <div class="one fourth two-up-small-tablet two-up-mobile">
193
+ <p><i class="icon-dribbble"></i> icon-dribbble</p>
194
+ </div>
195
+ <div class="one fourth two-up-small-tablet two-up-mobile">
196
+ <p><i class="icon-skype"></i> icon-skype</p>
197
+ </div>
198
+ <div class="one fourth two-up-small-tablet two-up-mobile">
199
+ <p><i class="icon-foursquare"></i> icon-foursquare</p>
200
+ </div>
201
+ <div class="one fourth two-up-small-tablet two-up-mobile">
202
+ <p><i class="icon-trello"></i> icon-trello</p>
203
+ </div>
204
+ <div class="one fourth two-up-small-tablet two-up-mobile">
205
+ <p><i class="icon-female"></i> icon-female</p>
206
+ </div>
207
+ <div class="one fourth two-up-small-tablet two-up-mobile">
208
+ <p><i class="icon-male"></i> icon-male</p>
209
+ </div>
210
+ <div class="one fourth two-up-small-tablet two-up-mobile">
211
+ <p><i class="icon-gittip"></i> icon-gittip</p>
212
+ </div>
213
+ <div class="one fourth two-up-small-tablet two-up-mobile">
214
+ <p><i class="icon-sun"></i> icon-sun</p>
215
+ </div>
216
+ <div class="one fourth two-up-small-tablet two-up-mobile">
217
+ <p><i class="icon-moon"></i> icon-moon</p>
218
+ </div>
219
+ <div class="one fourth two-up-small-tablet two-up-mobile">
220
+ <p><i class="icon-archive"></i> icon-archive</p>
221
+ </div>
222
+ <div class="one fourth two-up-small-tablet two-up-mobile">
223
+ <p><i class="icon-bug"></i> icon-bug</p>
224
+ </div>
225
+ <div class="one fourth two-up-small-tablet two-up-mobile">
226
+ <p><i class="icon-vk"></i> icon-vk</p>
227
+ </div>
228
+ <div class="one fourth two-up-small-tablet two-up-mobile">
229
+ <p><i class="icon-weibo"></i> icon-weibo</p>
230
+ </div>
231
+ <div class="one fourth two-up-small-tablet two-up-mobile">
232
+ <p><i class="icon-renren"></i> icon-renren</p>
233
+ </div>
234
+ </div>
235
+ </section>
236
+ <hr><br>
237
+ <section id="web-application" class="bounceInRight animated">
238
+ <h4>Web Application Icons</h4>
239
+ <div class="row the-icons">
240
+ <div class="one fourth two-up-small-tablet two-up-mobile">
241
+ <p><i class="icon-adjust"></i> icon-adjust</p>
242
+ </div>
243
+ <div class="one fourth two-up-small-tablet two-up-mobile">
244
+ <p><i class="icon-anchor"></i> icon-anchor</p>
245
+ </div>
246
+ <div class="one fourth two-up-small-tablet two-up-mobile">
247
+ <p><i class="icon-archive"></i> icon-archive</p>
248
+ </div>
249
+ <div class="one fourth two-up-small-tablet two-up-mobile">
250
+ <p><i class="icon-asterisk"></i> icon-asterisk</p>
251
+ </div>
252
+ <div class="one fourth two-up-small-tablet two-up-mobile">
253
+ <p><i class="icon-ban-circle"></i> icon-ban-circle</p>
254
+ </div>
255
+ <div class="one fourth two-up-small-tablet two-up-mobile">
256
+ <p><i class="icon-bar-chart"></i> icon-bar-chart</p>
257
+ </div>
258
+ <div class="one fourth two-up-small-tablet two-up-mobile">
259
+ <p><i class="icon-barcode"></i> icon-barcode</p>
260
+ </div>
261
+ <div class="one fourth two-up-small-tablet two-up-mobile">
262
+ <p><i class="icon-beaker"></i> icon-beaker</p>
263
+ </div>
264
+ <div class="one fourth two-up-small-tablet two-up-mobile">
265
+ <p><i class="icon-beer"></i> icon-beer</p>
266
+ </div>
267
+ <div class="one fourth two-up-small-tablet two-up-mobile">
268
+ <p><i class="icon-bell"></i> icon-bell</p>
269
+ </div>
270
+ <div class="one fourth two-up-small-tablet two-up-mobile">
271
+ <p><i class="icon-bell-alt"></i> icon-bell-alt</p>
272
+ </div>
273
+ <div class="one fourth two-up-small-tablet two-up-mobile">
274
+ <p><i class="icon-bolt"></i> icon-bolt</p>
275
+ </div>
276
+ <div class="one fourth two-up-small-tablet two-up-mobile">
277
+ <p><i class="icon-book"></i> icon-book</p>
278
+ </div>
279
+ <div class="one fourth two-up-small-tablet two-up-mobile">
280
+ <p><i class="icon-bookmark"></i> icon-bookmark</p>
281
+ </div>
282
+ <div class="one fourth two-up-small-tablet two-up-mobile">
283
+ <p><i class="icon-bookmark-empty"></i> icon-bookmark-empty</p>
284
+ </div>
285
+ <div class="one fourth two-up-small-tablet two-up-mobile">
286
+ <p><i class="icon-briefcase"></i> icon-briefcase</p>
287
+ </div>
288
+ <div class="one fourth two-up-small-tablet two-up-mobile">
289
+ <p><i class="icon-bug"></i> icon-bug</p>
290
+ </div>
291
+ <div class="one fourth two-up-small-tablet two-up-mobile">
292
+ <p><i class="icon-building"></i> icon-building</p>
293
+ </div>
294
+ <div class="one fourth two-up-small-tablet two-up-mobile">
295
+ <p><i class="icon-bullhorn"></i> icon-bullhorn</p>
296
+ </div>
297
+ <div class="one fourth two-up-small-tablet two-up-mobile">
298
+ <p><i class="icon-bullseye"></i> icon-bullseye</p>
299
+ </div>
300
+ <div class="one fourth two-up-small-tablet two-up-mobile">
301
+ <p><i class="icon-calendar"></i> icon-calendar</p>
302
+ </div>
303
+ <div class="one fourth two-up-small-tablet two-up-mobile">
304
+ <p><i class="icon-calendar-empty"></i> icon-calendar-empty</p>
305
+ </div>
306
+ <div class="one fourth two-up-small-tablet two-up-mobile">
307
+ <p><i class="icon-camera"></i> icon-camera</p>
308
+ </div>
309
+ <div class="one fourth two-up-small-tablet two-up-mobile">
310
+ <p><i class="icon-camera-retro"></i> icon-camera-retro</p>
311
+ </div>
312
+ <div class="one fourth two-up-small-tablet two-up-mobile">
313
+ <p><i class="icon-certificate"></i> icon-certificate</p>
314
+ </div>
315
+ <div class="one fourth two-up-small-tablet two-up-mobile">
316
+ <p><i class="icon-check"></i> icon-check</p>
317
+ </div>
318
+ <div class="one fourth two-up-small-tablet two-up-mobile">
319
+ <p><i class="icon-check-empty"></i> icon-check-empty</p>
320
+ </div>
321
+ <div class="one fourth two-up-small-tablet two-up-mobile">
322
+ <p><i class="icon-check-minus"></i> icon-check-minus</p>
323
+ </div>
324
+ <div class="one fourth two-up-small-tablet two-up-mobile">
325
+ <p><i class="icon-check-sign"></i> icon-check-sign</p>
326
+ </div>
327
+ <div class="one fourth two-up-small-tablet two-up-mobile">
328
+ <p><i class="icon-circle"></i> icon-circle</p>
329
+ </div>
330
+ <div class="one fourth two-up-small-tablet two-up-mobile">
331
+ <p><i class="icon-circle-blank"></i> icon-circle-blank</p>
332
+ </div>
333
+ <div class="one fourth two-up-small-tablet two-up-mobile">
334
+ <p><i class="icon-cloud"></i> icon-cloud</p>
335
+ </div>
336
+ <div class="one fourth two-up-small-tablet two-up-mobile">
337
+ <p><i class="icon-cloud-download"></i> icon-cloud-download</p>
338
+ </div>
339
+ <div class="one fourth two-up-small-tablet two-up-mobile">
340
+ <p><i class="icon-cloud-upload"></i> icon-cloud-upload</p>
341
+ </div>
342
+ <div class="one fourth two-up-small-tablet two-up-mobile">
343
+ <p><i class="icon-code"></i> icon-code</p>
344
+ </div>
345
+ <div class="one fourth two-up-small-tablet two-up-mobile">
346
+ <p><i class="icon-code-fork"></i> icon-code-fork</p>
347
+ </div>
348
+ <div class="one fourth two-up-small-tablet two-up-mobile">
349
+ <p><i class="icon-coffee"></i> icon-coffee</p>
350
+ </div>
351
+ <div class="one fourth two-up-small-tablet two-up-mobile">
352
+ <p><i class="icon-cog"></i> icon-cog</p>
353
+ </div>
354
+ <div class="one fourth two-up-small-tablet two-up-mobile">
355
+ <p><i class="icon-cogs"></i> icon-cogs</p>
356
+ </div>
357
+ <div class="one fourth two-up-small-tablet two-up-mobile">
358
+ <p><i class="icon-collapse"></i> icon-collapse</p>
359
+ </div>
360
+ <div class="one fourth two-up-small-tablet two-up-mobile">
361
+ <p><i class="icon-collapse-alt"></i> icon-collapse-alt</p>
362
+ </div>
363
+ <div class="one fourth two-up-small-tablet two-up-mobile">
364
+ <p><i class="icon-collapse-top"></i> icon-collapse-top</p>
365
+ </div>
366
+ <div class="one fourth two-up-small-tablet two-up-mobile">
367
+ <p><i class="icon-comment"></i> icon-comment</p>
368
+ </div>
369
+ <div class="one fourth two-up-small-tablet two-up-mobile">
370
+ <p><i class="icon-comment-alt"></i> icon-comment-alt</p>
371
+ </div>
372
+ <div class="one fourth two-up-small-tablet two-up-mobile">
373
+ <p><i class="icon-comments"></i> icon-comments</p>
374
+ </div>
375
+ <div class="one fourth two-up-small-tablet two-up-mobile">
376
+ <p><i class="icon-comments-alt"></i> icon-comments-alt</p>
377
+ </div>
378
+ <div class="one fourth two-up-small-tablet two-up-mobile">
379
+ <p><i class="icon-compass"></i> icon-compass</p>
380
+ </div>
381
+ <div class="one fourth two-up-small-tablet two-up-mobile">
382
+ <p><i class="icon-credit-card"></i> icon-credit-card</p>
383
+ </div>
384
+ <div class="one fourth two-up-small-tablet two-up-mobile">
385
+ <p><i class="icon-crop"></i> icon-crop</p>
386
+ </div>
387
+ <div class="one fourth two-up-small-tablet two-up-mobile">
388
+ <p><i class="icon-dashboard"></i> icon-dashboard</p>
389
+ </div>
390
+ <div class="one fourth two-up-small-tablet two-up-mobile">
391
+ <p><i class="icon-desktop"></i> icon-desktop</p>
392
+ </div>
393
+ <div class="one fourth two-up-small-tablet two-up-mobile">
394
+ <p><i class="icon-download"></i> icon-download</p>
395
+ </div>
396
+ <div class="one fourth two-up-small-tablet two-up-mobile">
397
+ <p><i class="icon-download-alt"></i> icon-download-alt</p>
398
+ </div>
399
+ <div class="one fourth two-up-small-tablet two-up-mobile">
400
+ <p><i class="icon-edit"></i> icon-edit</p>
401
+ </div>
402
+ <div class="one fourth two-up-small-tablet two-up-mobile">
403
+ <p><i class="icon-edit-sign"></i> icon-edit-sign</p>
404
+ </div>
405
+ <div class="one fourth two-up-small-tablet two-up-mobile">
406
+ <p><i class="icon-ellipsis-horizontal"></i> icon-ellipsis-horizontal</p>
407
+ </div>
408
+ <div class="one fourth two-up-small-tablet two-up-mobile">
409
+ <p><i class="icon-ellipsis-vertical"></i> icon-ellipsis-vertical</p>
410
+ </div>
411
+ <div class="one fourth two-up-small-tablet two-up-mobile">
412
+ <p><i class="icon-envelope"></i> icon-envelope</p>
413
+ </div>
414
+ <div class="one fourth two-up-small-tablet two-up-mobile">
415
+ <p><i class="icon-envelope-alt"></i> icon-envelope-alt</p>
416
+ </div>
417
+ <div class="one fourth two-up-small-tablet two-up-mobile">
418
+ <p><i class="icon-eraser"></i> icon-eraser</p>
419
+ </div>
420
+ <div class="one fourth two-up-small-tablet two-up-mobile">
421
+ <p><i class="icon-exchange"></i> icon-exchange</p>
422
+ </div>
423
+ <div class="one fourth two-up-small-tablet two-up-mobile">
424
+ <p><i class="icon-exclamation"></i> icon-exclamation</p>
425
+ </div>
426
+ <div class="one fourth two-up-small-tablet two-up-mobile">
427
+ <p><i class="icon-exclamation-sign"></i> icon-exclamation-sign</p>
428
+ </div>
429
+ <div class="one fourth two-up-small-tablet two-up-mobile">
430
+ <p><i class="icon-expand"></i> icon-expand</p>
431
+ </div>
432
+ <div class="one fourth two-up-small-tablet two-up-mobile">
433
+ <p><i class="icon-expand-alt"></i> icon-expand-alt</p>
434
+ </div>
435
+ <div class="one fourth two-up-small-tablet two-up-mobile">
436
+ <p><i class="icon-external-link"></i> icon-external-link</p>
437
+ </div>
438
+ <div class="one fourth two-up-small-tablet two-up-mobile">
439
+ <p><i class="icon-external-link-sign"></i> icon-external-link-sign</p>
440
+ </div>
441
+ <div class="one fourth two-up-small-tablet two-up-mobile">
442
+ <p><i class="icon-eye-close"></i> icon-eye-close</p>
443
+ </div>
444
+ <div class="one fourth two-up-small-tablet two-up-mobile">
445
+ <p><i class="icon-eye-open"></i> icon-eye-open</p>
446
+ </div>
447
+ <div class="one fourth two-up-small-tablet two-up-mobile">
448
+ <p><i class="icon-facetime-video"></i> icon-facetime-video</p>
449
+ </div>
450
+ <div class="one fourth two-up-small-tablet two-up-mobile">
451
+ <p><i class="icon-female"></i> icon-female</p>
452
+ </div>
453
+ <div class="one fourth two-up-small-tablet two-up-mobile">
454
+ <p><i class="icon-fighter-jet"></i> icon-fighter-jet</p>
455
+ </div>
456
+ <div class="one fourth two-up-small-tablet two-up-mobile">
457
+ <p><i class="icon-film"></i> icon-film</p>
458
+ </div>
459
+ <div class="one fourth two-up-small-tablet two-up-mobile">
460
+ <p><i class="icon-filter"></i> icon-filter</p>
461
+ </div>
462
+ <div class="one fourth two-up-small-tablet two-up-mobile">
463
+ <p><i class="icon-fire"></i> icon-fire</p>
464
+ </div>
465
+ <div class="one fourth two-up-small-tablet two-up-mobile">
466
+ <p><i class="icon-fire-extinguisher"></i> icon-fire-extinguisher</p>
467
+ </div>
468
+ <div class="one fourth two-up-small-tablet two-up-mobile">
469
+ <p><i class="icon-flag"></i> icon-flag</p>
470
+ </div>
471
+ <div class="one fourth two-up-small-tablet two-up-mobile">
472
+ <p><i class="icon-flag-alt"></i> icon-flag-alt</p>
473
+ </div>
474
+ <div class="one fourth two-up-small-tablet two-up-mobile">
475
+ <p><i class="icon-flag-checkered"></i> icon-flag-checkered</p>
476
+ </div>
477
+ <div class="one fourth two-up-small-tablet two-up-mobile">
478
+ <p><i class="icon-folder-close"></i> icon-folder-close</p>
479
+ </div>
480
+ <div class="one fourth two-up-small-tablet two-up-mobile">
481
+ <p><i class="icon-folder-close-alt"></i> icon-folder-close-alt</p>
482
+ </div>
483
+ <div class="one fourth two-up-small-tablet two-up-mobile">
484
+ <p><i class="icon-folder-open"></i> icon-folder-open</p>
485
+ </div>
486
+ <div class="one fourth two-up-small-tablet two-up-mobile">
487
+ <p><i class="icon-folder-open-alt"></i> icon-folder-open-alt</p>
488
+ </div>
489
+ <div class="one fourth two-up-small-tablet two-up-mobile">
490
+ <p><i class="icon-food"></i> icon-food</p>
491
+ </div>
492
+ <div class="one fourth two-up-small-tablet two-up-mobile">
493
+ <p><i class="icon-frown"></i> icon-frown</p>
494
+ </div>
495
+ <div class="one fourth two-up-small-tablet two-up-mobile">
496
+ <p><i class="icon-gamepad"></i> icon-gamepad</p>
497
+ </div>
498
+ <div class="one fourth two-up-small-tablet two-up-mobile">
499
+ <p><i class="icon-gear"></i> icon-gear<span class="muted">(alias)</span></p>
500
+ </div>
501
+ <div class="one fourth two-up-small-tablet two-up-mobile">
502
+ <p><i class="icon-gears"></i> icon-gears<span class="muted">(alias)</span></p>
503
+ </div>
504
+ <div class="one fourth two-up-small-tablet two-up-mobile">
505
+ <p><i class="icon-gift"></i> icon-gift</p>
506
+ </div>
507
+ <div class="one fourth two-up-small-tablet two-up-mobile">
508
+ <p><i class="icon-glass"></i> icon-glass</p>
509
+ </div>
510
+ <div class="one fourth two-up-small-tablet two-up-mobile">
511
+ <p><i class="icon-globe"></i> icon-globe</p>
512
+ </div>
513
+ <div class="one fourth two-up-small-tablet two-up-mobile">
514
+ <p><i class="icon-group"></i> icon-group</p>
515
+ </div>
516
+ <div class="one fourth two-up-small-tablet two-up-mobile">
517
+ <p><i class="icon-hdd"></i> icon-hdd</p>
518
+ </div>
519
+ <div class="one fourth two-up-small-tablet two-up-mobile">
520
+ <p><i class="icon-headphones"></i> icon-headphones</p>
521
+ </div>
522
+ <div class="one fourth two-up-small-tablet two-up-mobile">
523
+ <p><i class="icon-heart"></i> icon-heart</p>
524
+ </div>
525
+ <div class="one fourth two-up-small-tablet two-up-mobile">
526
+ <p><i class="icon-heart-empty"></i> icon-heart-empty</p>
527
+ </div>
528
+ <div class="one fourth two-up-small-tablet two-up-mobile">
529
+ <p><i class="icon-home"></i> icon-home</p>
530
+ </div>
531
+ <div class="one fourth two-up-small-tablet two-up-mobile">
532
+ <p><i class="icon-inbox"></i> icon-inbox</p>
533
+ </div>
534
+ <div class="one fourth two-up-small-tablet two-up-mobile">
535
+ <p><i class="icon-info"></i> icon-info</p>
536
+ </div>
537
+ <div class="one fourth two-up-small-tablet two-up-mobile">
538
+ <p><i class="icon-info-sign"></i> icon-info-sign</p>
539
+ </div>
540
+ <div class="one fourth two-up-small-tablet two-up-mobile">
541
+ <p><i class="icon-key"></i> icon-key</p>
542
+ </div>
543
+ <div class="one fourth two-up-small-tablet two-up-mobile">
544
+ <p><i class="icon-keyboard"></i> icon-keyboard</p>
545
+ </div>
546
+ <div class="one fourth two-up-small-tablet two-up-mobile">
547
+ <p><i class="icon-laptop"></i> icon-laptop</p>
548
+ </div>
549
+ <div class="one fourth two-up-small-tablet two-up-mobile">
550
+ <p><i class="icon-leaf"></i> icon-leaf</p>
551
+ </div>
552
+ <div class="one fourth two-up-small-tablet two-up-mobile">
553
+ <p><i class="icon-legal"></i> icon-legal</p>
554
+ </div>
555
+ <div class="one fourth two-up-small-tablet two-up-mobile">
556
+ <p><i class="icon-lemon"></i> icon-lemon</p>
557
+ </div>
558
+ <div class="one fourth two-up-small-tablet two-up-mobile">
559
+ <p><i class="icon-level-down"></i> icon-level-down</p>
560
+ </div>
561
+ <div class="one fourth two-up-small-tablet two-up-mobile">
562
+ <p><i class="icon-level-up"></i> icon-level-up</p>
563
+ </div>
564
+ <div class="one fourth two-up-small-tablet two-up-mobile">
565
+ <p><i class="icon-lightbulb"></i> icon-lightbulb</p>
566
+ </div>
567
+ <div class="one fourth two-up-small-tablet two-up-mobile">
568
+ <p><i class="icon-location-arrow"></i> icon-location-arrow</p>
569
+ </div>
570
+ <div class="one fourth two-up-small-tablet two-up-mobile">
571
+ <p><i class="icon-lock"></i> icon-lock</p>
572
+ </div>
573
+ <div class="one fourth two-up-small-tablet two-up-mobile">
574
+ <p><i class="icon-magic"></i> icon-magic</p>
575
+ </div>
576
+ <div class="one fourth two-up-small-tablet two-up-mobile">
577
+ <p><i class="icon-magnet"></i> icon-magnet</p>
578
+ </div>
579
+ <div class="one fourth two-up-small-tablet two-up-mobile">
580
+ <p><i class="icon-mail-forward"></i> icon-mail-forward<span class="muted">(alias)</span></p>
581
+ </div>
582
+ <div class="one fourth two-up-small-tablet two-up-mobile">
583
+ <p><i class="icon-mail-reply"></i> icon-mail-reply<span class="muted">(alias)</span></p>
584
+ </div>
585
+ <div class="one fourth two-up-small-tablet two-up-mobile">
586
+ <p><i class="icon-mail-reply-all"></i> icon-mail-reply-all</p>
587
+ </div>
588
+ <div class="one fourth two-up-small-tablet two-up-mobile">
589
+ <p><i class="icon-male"></i> icon-male</p>
590
+ </div>
591
+ <div class="one fourth two-up-small-tablet two-up-mobile">
592
+ <p><i class="icon-map-marker"></i> icon-map-marker</p>
593
+ </div>
594
+ <div class="one fourth two-up-small-tablet two-up-mobile">
595
+ <p><i class="icon-meh"></i> icon-meh</p>
596
+ </div>
597
+ <div class="one fourth two-up-small-tablet two-up-mobile">
598
+ <p><i class="icon-microphone"></i> icon-microphone</p>
599
+ </div>
600
+ <div class="one fourth two-up-small-tablet two-up-mobile">
601
+ <p><i class="icon-microphone-off"></i> icon-microphone-off</p>
602
+ </div>
603
+ <div class="one fourth two-up-small-tablet two-up-mobile">
604
+ <p><i class="icon-minus"></i> icon-minus</p>
605
+ </div>
606
+ <div class="one fourth two-up-small-tablet two-up-mobile">
607
+ <p><i class="icon-minus-sign"></i> icon-minus-sign</p>
608
+ </div>
609
+ <div class="one fourth two-up-small-tablet two-up-mobile">
610
+ <p><i class="icon-minus-sign-alt"></i> icon-minus-sign-alt</p>
611
+ </div>
612
+ <div class="one fourth two-up-small-tablet two-up-mobile">
613
+ <p><i class="icon-mobile-phone"></i> icon-mobile-phone</p>
614
+ </div>
615
+ <div class="one fourth two-up-small-tablet two-up-mobile">
616
+ <p><i class="icon-money"></i> icon-money</p>
617
+ </div>
618
+ <div class="one fourth two-up-small-tablet two-up-mobile">
619
+ <p><i class="icon-moon"></i> icon-moon</p>
620
+ </div>
621
+ <div class="one fourth two-up-small-tablet two-up-mobile">
622
+ <p><i class="icon-move"></i> icon-move</p>
623
+ </div>
624
+ <div class="one fourth two-up-small-tablet two-up-mobile">
625
+ <p><i class="icon-music"></i> icon-music</p>
626
+ </div>
627
+ <div class="one fourth two-up-small-tablet two-up-mobile">
628
+ <p><i class="icon-off"></i> icon-off</p>
629
+ </div>
630
+ <div class="one fourth two-up-small-tablet two-up-mobile">
631
+ <p><i class="icon-ok"></i> icon-ok</p>
632
+ </div>
633
+ <div class="one fourth two-up-small-tablet two-up-mobile">
634
+ <p><i class="icon-ok-circle"></i> icon-ok-circle</p>
635
+ </div>
636
+ <div class="one fourth two-up-small-tablet two-up-mobile">
637
+ <p><i class="icon-ok-sign"></i> icon-ok-sign</p>
638
+ </div>
639
+ <div class="one fourth two-up-small-tablet two-up-mobile">
640
+ <p><i class="icon-pencil"></i> icon-pencil</p>
641
+ </div>
642
+ <div class="one fourth two-up-small-tablet two-up-mobile">
643
+ <p><i class="icon-phone"></i> icon-phone</p>
644
+ </div>
645
+ <div class="one fourth two-up-small-tablet two-up-mobile">
646
+ <p><i class="icon-phone-sign"></i> icon-phone-sign</p>
647
+ </div>
648
+ <div class="one fourth two-up-small-tablet two-up-mobile">
649
+ <p><i class="icon-picture"></i> icon-picture</p>
650
+ </div>
651
+ <div class="one fourth two-up-small-tablet two-up-mobile">
652
+ <p><i class="icon-plane"></i> icon-plane</p>
653
+ </div>
654
+ <div class="one fourth two-up-small-tablet two-up-mobile">
655
+ <p><i class="icon-plus"></i> icon-plus</p>
656
+ </div>
657
+ <div class="one fourth two-up-small-tablet two-up-mobile">
658
+ <p><i class="icon-plus-sign"></i> icon-plus-sign</p>
659
+ </div>
660
+ <div class="one fourth two-up-small-tablet two-up-mobile">
661
+ <p><i class="icon-plus-sign-alt"></i> icon-plus-sign-alt</p>
662
+ </div>
663
+ <div class="one fourth two-up-small-tablet two-up-mobile">
664
+ <p><i class="icon-power-off"></i> icon-power-off<span class="muted">(alias)</span></p>
665
+ </div>
666
+ <div class="one fourth two-up-small-tablet two-up-mobile">
667
+ <p><i class="icon-print"></i> icon-print</p>
668
+ </div>
669
+ <div class="one fourth two-up-small-tablet two-up-mobile">
670
+ <p><i class="icon-pushpin"></i> icon-pushpin</p>
671
+ </div>
672
+ <div class="one fourth two-up-small-tablet two-up-mobile">
673
+ <p><i class="icon-puzzle-piece"></i> icon-puzzle-piece</p>
674
+ </div>
675
+ <div class="one fourth two-up-small-tablet two-up-mobile">
676
+ <p><i class="icon-qrcode"></i> icon-qrcode</p>
677
+ </div>
678
+ <div class="one fourth two-up-small-tablet two-up-mobile">
679
+ <p><i class="icon-question"></i> icon-question</p>
680
+ </div>
681
+ <div class="one fourth two-up-small-tablet two-up-mobile">
682
+ <p><i class="icon-question-sign"></i> icon-question-sign</p>
683
+ </div>
684
+ <div class="one fourth two-up-small-tablet two-up-mobile">
685
+ <p><i class="icon-quote-left"></i> icon-quote-left</p>
686
+ </div>
687
+ <div class="one fourth two-up-small-tablet two-up-mobile">
688
+ <p><i class="icon-quote-right"></i> icon-quote-right</p>
689
+ </div>
690
+ <div class="one fourth two-up-small-tablet two-up-mobile">
691
+ <p><i class="icon-random"></i> icon-random</p>
692
+ </div>
693
+ <div class="one fourth two-up-small-tablet two-up-mobile">
694
+ <p><i class="icon-refresh"></i> icon-refresh</p>
695
+ </div>
696
+ <div class="one fourth two-up-small-tablet two-up-mobile">
697
+ <p><i class="icon-remove"></i> icon-remove</p>
698
+ </div>
699
+ <div class="one fourth two-up-small-tablet two-up-mobile">
700
+ <p><i class="icon-remove-circle"></i> icon-remove-circle</p>
701
+ </div>
702
+ <div class="one fourth two-up-small-tablet two-up-mobile">
703
+ <p><i class="icon-remove-sign"></i> icon-remove-sign</p>
704
+ </div>
705
+ <div class="one fourth two-up-small-tablet two-up-mobile">
706
+ <p><i class="icon-reorder"></i> icon-reorder</p>
707
+ </div>
708
+ <div class="one fourth two-up-small-tablet two-up-mobile">
709
+ <p><i class="icon-reply"></i> icon-reply</p>
710
+ </div>
711
+ <div class="one fourth two-up-small-tablet two-up-mobile">
712
+ <p><i class="icon-reply-all"></i> icon-reply-all</p>
713
+ </div>
714
+ <div class="one fourth two-up-small-tablet two-up-mobile">
715
+ <p><i class="icon-resize-horizontal"></i> icon-resize-horizontal</p>
716
+ </div>
717
+ <div class="one fourth two-up-small-tablet two-up-mobile">
718
+ <p><i class="icon-resize-vertical"></i> icon-resize-vertical</p>
719
+ </div>
720
+ <div class="one fourth two-up-small-tablet two-up-mobile">
721
+ <p><i class="icon-retweet"></i> icon-retweet</p>
722
+ </div>
723
+ <div class="one fourth two-up-small-tablet two-up-mobile">
724
+ <p><i class="icon-road"></i> icon-road</p>
725
+ </div>
726
+ <div class="one fourth two-up-small-tablet two-up-mobile">
727
+ <p><i class="icon-rocket"></i> icon-rocket</p>
728
+ </div>
729
+ <div class="one fourth two-up-small-tablet two-up-mobile">
730
+ <p><i class="icon-rss"></i> icon-rss</p>
731
+ </div>
732
+ <div class="one fourth two-up-small-tablet two-up-mobile">
733
+ <p><i class="icon-rss-sign"></i> icon-rss-sign</p>
734
+ </div>
735
+ <div class="one fourth two-up-small-tablet two-up-mobile">
736
+ <p><i class="icon-screenshot"></i> icon-screenshot</p>
737
+ </div>
738
+ <div class="one fourth two-up-small-tablet two-up-mobile">
739
+ <p><i class="icon-search"></i> icon-search</p>
740
+ </div>
741
+ <div class="one fourth two-up-small-tablet two-up-mobile">
742
+ <p><i class="icon-share"></i> icon-share</p>
743
+ </div>
744
+ <div class="one fourth two-up-small-tablet two-up-mobile">
745
+ <p><i class="icon-share-alt"></i> icon-share-alt</p>
746
+ </div>
747
+ <div class="one fourth two-up-small-tablet two-up-mobile">
748
+ <p><i class="icon-share-sign"></i> icon-share-sign</p>
749
+ </div>
750
+ <div class="one fourth two-up-small-tablet two-up-mobile">
751
+ <p><i class="icon-shield"></i> icon-shield</p>
752
+ </div>
753
+ <div class="one fourth two-up-small-tablet two-up-mobile">
754
+ <p><i class="icon-shopping-cart"></i> icon-shopping-cart</p>
755
+ </div>
756
+ <div class="one fourth two-up-small-tablet two-up-mobile">
757
+ <p><i class="icon-sign-blank"></i> icon-sign-blank</p>
758
+ </div>
759
+ <div class="one fourth two-up-small-tablet two-up-mobile">
760
+ <p><i class="icon-signal"></i> icon-signal</p>
761
+ </div>
762
+ <div class="one fourth two-up-small-tablet two-up-mobile">
763
+ <p><i class="icon-signin"></i> icon-signin</p>
764
+ </div>
765
+ <div class="one fourth two-up-small-tablet two-up-mobile">
766
+ <p><i class="icon-signout"></i> icon-signout</p>
767
+ </div>
768
+ <div class="one fourth two-up-small-tablet two-up-mobile">
769
+ <p><i class="icon-sitemap"></i> icon-sitemap</p>
770
+ </div>
771
+ <div class="one fourth two-up-small-tablet two-up-mobile">
772
+ <p><i class="icon-smile"></i> icon-smile</p>
773
+ </div>
774
+ <div class="one fourth two-up-small-tablet two-up-mobile">
775
+ <p><i class="icon-sort"></i> icon-sort</p>
776
+ </div>
777
+ <div class="one fourth two-up-small-tablet two-up-mobile">
778
+ <p><i class="icon-sort-by-alphabet"></i> icon-sort-by-alphabet</p>
779
+ </div>
780
+ <div class="one fourth two-up-small-tablet two-up-mobile">
781
+ <p><i class="icon-sort-by-alphabet-alt"></i> icon-sort-by-alphabet-alt</p>
782
+ </div>
783
+ <div class="one fourth two-up-small-tablet two-up-mobile">
784
+ <p><i class="icon-sort-by-attributes"></i> icon-sort-by-attributes</p>
785
+ </div>
786
+ <div class="one fourth two-up-small-tablet two-up-mobile">
787
+ <p><i class="icon-sort-by-attributes-alt"></i> icon-sort-by-attributes-alt</p>
788
+ </div>
789
+ <div class="one fourth two-up-small-tablet two-up-mobile">
790
+ <p><i class="icon-sort-by-order"></i> icon-sort-by-order</p>
791
+ </div>
792
+ <div class="one fourth two-up-small-tablet two-up-mobile">
793
+ <p><i class="icon-sort-by-order-alt"></i> icon-sort-by-order-alt</p>
794
+ </div>
795
+ <div class="one fourth two-up-small-tablet two-up-mobile">
796
+ <p><i class="icon-sort-down"></i> icon-sort-down</p>
797
+ </div>
798
+ <div class="one fourth two-up-small-tablet two-up-mobile">
799
+ <p><i class="icon-sort-up"></i> icon-sort-up</p>
800
+ </div>
801
+ <div class="one fourth two-up-small-tablet two-up-mobile">
802
+ <p><i class="icon-spinner"></i> icon-spinner</p>
803
+ </div>
804
+ <div class="one fourth two-up-small-tablet two-up-mobile">
805
+ <p><i class="icon-star"></i> icon-star</p>
806
+ </div>
807
+ <div class="one fourth two-up-small-tablet two-up-mobile">
808
+ <p><i class="icon-star-empty"></i> icon-star-empty</p>
809
+ </div>
810
+ <div class="one fourth two-up-small-tablet two-up-mobile">
811
+ <p><i class="icon-star-half"></i> icon-star-half</p>
812
+ </div>
813
+ <div class="one fourth two-up-small-tablet two-up-mobile">
814
+ <p><i class="icon-star-half-empty"></i> icon-star-half-empty</p>
815
+ </div>
816
+ <div class="one fourth two-up-small-tablet two-up-mobile">
817
+ <p><i class="icon-star-half-full"></i> icon-star-half-full<span class="muted">(alias)</span></p>
818
+ </div>
819
+ <div class="one fourth two-up-small-tablet two-up-mobile">
820
+ <p><i class="icon-subscript"></i> icon-subscript</p>
821
+ </div>
822
+ <div class="one fourth two-up-small-tablet two-up-mobile">
823
+ <p><i class="icon-suitcase"></i> icon-suitcase</p>
824
+ </div>
825
+ <div class="one fourth two-up-small-tablet two-up-mobile">
826
+ <p><i class="icon-sun"></i> icon-sun</p>
827
+ </div>
828
+ <div class="one fourth two-up-small-tablet two-up-mobile">
829
+ <p><i class="icon-superscript"></i> icon-superscript</p>
830
+ </div>
831
+ <div class="one fourth two-up-small-tablet two-up-mobile">
832
+ <p><i class="icon-tablet"></i> icon-tablet</p>
833
+ </div>
834
+ <div class="one fourth two-up-small-tablet two-up-mobile">
835
+ <p><i class="icon-tag"></i> icon-tag</p>
836
+ </div>
837
+ <div class="one fourth two-up-small-tablet two-up-mobile">
838
+ <p><i class="icon-tags"></i> icon-tags</p>
839
+ </div>
840
+ <div class="one fourth two-up-small-tablet two-up-mobile">
841
+ <p><i class="icon-tasks"></i> icon-tasks</p>
842
+ </div>
843
+ <div class="one fourth two-up-small-tablet two-up-mobile">
844
+ <p><i class="icon-terminal"></i> icon-terminal</p>
845
+ </div>
846
+ <div class="one fourth two-up-small-tablet two-up-mobile">
847
+ <p><i class="icon-thumbs-down"></i> icon-thumbs-down</p>
848
+ </div>
849
+ <div class="one fourth two-up-small-tablet two-up-mobile">
850
+ <p><i class="icon-thumbs-down-alt"></i> icon-thumbs-down-alt</p>
851
+ </div>
852
+ <div class="one fourth two-up-small-tablet two-up-mobile">
853
+ <p><i class="icon-thumbs-up"></i> icon-thumbs-up</p>
854
+ </div>
855
+ <div class="one fourth two-up-small-tablet two-up-mobile">
856
+ <p><i class="icon-thumbs-up-alt"></i> icon-thumbs-up-alt</p>
857
+ </div>
858
+ <div class="one fourth two-up-small-tablet two-up-mobile">
859
+ <p><i class="icon-ticket"></i> icon-ticket</p>
860
+ </div>
861
+ <div class="one fourth two-up-small-tablet two-up-mobile">
862
+ <p><i class="icon-time"></i> icon-time</p>
863
+ </div>
864
+ <div class="one fourth two-up-small-tablet two-up-mobile">
865
+ <p><i class="icon-tint"></i> icon-tint</p>
866
+ </div>
867
+ <div class="one fourth two-up-small-tablet two-up-mobile">
868
+ <p><i class="icon-trash"></i> icon-trash</p>
869
+ </div>
870
+ <div class="one fourth two-up-small-tablet two-up-mobile">
871
+ <p><i class="icon-trophy"></i> icon-trophy</p>
872
+ </div>
873
+ <div class="one fourth two-up-small-tablet two-up-mobile">
874
+ <p><i class="icon-truck"></i> icon-truck</p>
875
+ </div>
876
+ <div class="one fourth two-up-small-tablet two-up-mobile">
877
+ <p><i class="icon-umbrella"></i> icon-umbrella</p>
878
+ </div>
879
+ <div class="one fourth two-up-small-tablet two-up-mobile">
880
+ <p><i class="icon-unchecked"></i> icon-unchecked<span class="muted">(alias)</span></p>
881
+ </div>
882
+ <div class="one fourth two-up-small-tablet two-up-mobile">
883
+ <p><i class="icon-unlock"></i> icon-unlock</p>
884
+ </div>
885
+ <div class="one fourth two-up-small-tablet two-up-mobile">
886
+ <p><i class="icon-unlock-alt"></i> icon-unlock-alt</p>
887
+ </div>
888
+ <div class="one fourth two-up-small-tablet two-up-mobile">
889
+ <p><i class="icon-upload"></i> icon-upload</p>
890
+ </div>
891
+ <div class="one fourth two-up-small-tablet two-up-mobile">
892
+ <p><i class="icon-upload-alt"></i> icon-upload-alt</p>
893
+ </div>
894
+ <div class="one fourth two-up-small-tablet two-up-mobile">
895
+ <p><i class="icon-user"></i> icon-user</p>
896
+ </div>
897
+ <div class="one fourth two-up-small-tablet two-up-mobile">
898
+ <p><i class="icon-volume-down"></i> icon-volume-down</p>
899
+ </div>
900
+ <div class="one fourth two-up-small-tablet two-up-mobile">
901
+ <p><i class="icon-volume-off"></i> icon-volume-off</p>
902
+ </div>
903
+ <div class="one fourth two-up-small-tablet two-up-mobile">
904
+ <p><i class="icon-volume-up"></i> icon-volume-up</p>
905
+ </div>
906
+ <div class="one fourth two-up-small-tablet two-up-mobile">
907
+ <p><i class="icon-warning-sign"></i> icon-warning-sign</p>
908
+ </div>
909
+ <div class="one fourth two-up-small-tablet two-up-mobile">
910
+ <p><i class="icon-wrench"></i> icon-wrench</p>
911
+ </div>
912
+ <div class="one fourth two-up-small-tablet two-up-mobile">
913
+ <p><i class="icon-zoom-in"></i> icon-zoom-in</p>
914
+ </div>
915
+ <div class="one fourth two-up-small-tablet two-up-mobile">
916
+ <p><i class="icon-zoom-out"></i> icon-zoom-out</p>
917
+ </div>
918
+ </div>
919
+ </section>
920
+ <hr><br>
921
+ <section id="currency" class="bounceInLeft animated">
922
+ <h4>Currency Icons</h4>
923
+ <div class="row the-icons">
924
+ <div class="one fourth two-up-small-tablet two-up-mobile">
925
+ <p><i class="icon-bitcoin"></i> icon-bitcoin<span class="muted">(alias)</span></p>
926
+ </div>
927
+ <div class="one fourth two-up-small-tablet two-up-mobile">
928
+ <p><i class="icon-btc"></i> icon-btc</p>
929
+ </div>
930
+ <div class="one fourth two-up-small-tablet two-up-mobile">
931
+ <p><i class="icon-cny"></i> icon-cny</p>
932
+ </div>
933
+ <div class="one fourth two-up-small-tablet two-up-mobile">
934
+ <p><i class="icon-dollar"></i> icon-dollar<span class="muted">(alias)</span></p>
935
+ </div>
936
+ <div class="one fourth two-up-small-tablet two-up-mobile">
937
+ <p><i class="icon-eur"></i> icon-eur</p>
938
+ </div>
939
+ <div class="one fourth two-up-small-tablet two-up-mobile">
940
+ <p><i class="icon-euro"></i> icon-euro<span class="muted">(alias)</span></p>
941
+ </div>
942
+ <div class="one fourth two-up-small-tablet two-up-mobile">
943
+ <p><i class="icon-gbp"></i> icon-gbp</p>
944
+ </div>
945
+ <div class="one fourth two-up-small-tablet two-up-mobile">
946
+ <p><i class="icon-inr"></i> icon-inr</p>
947
+ </div>
948
+ <div class="one fourth two-up-small-tablet two-up-mobile">
949
+ <p><i class="icon-jpy"></i> icon-jpy</p>
950
+ </div>
951
+ <div class="one fourth two-up-small-tablet two-up-mobile">
952
+ <p><i class="icon-krw"></i> icon-krw</p>
953
+ </div>
954
+ <div class="one fourth two-up-small-tablet two-up-mobile">
955
+ <p><i class="icon-renminbi"></i> icon-renminbi<span class="muted">(alias)</span></p>
956
+ </div>
957
+ <div class="one fourth two-up-small-tablet two-up-mobile">
958
+ <p><i class="icon-rupee"></i> icon-rupee<span class="muted">(alias)</span></p>
959
+ </div>
960
+ <div class="one fourth two-up-small-tablet two-up-mobile">
961
+ <p><i class="icon-usd"></i> icon-usd</p>
962
+ </div>
963
+ <div class="one fourth two-up-small-tablet two-up-mobile">
964
+ <p><i class="icon-won"></i> icon-won<span class="muted">(alias)</span></p>
965
+ </div>
966
+ <div class="one fourth two-up-small-tablet two-up-mobile">
967
+ <p><i class="icon-yen"></i> icon-yen<span class="muted">(alias)</span></p>
968
+ </div>
969
+ </div>
970
+ </section>
971
+ <hr><br>
972
+ <section id="text-editor" class="bounceInRight animated">
973
+ <h4>Text Editor Icons</h4>
974
+ <div class="row the-icons">
975
+ <div class="one fourth two-up-small-tablet two-up-mobile">
976
+ <p><i class="icon-align-center"></i> icon-align-center</p>
977
+ </div>
978
+ <div class="one fourth two-up-small-tablet two-up-mobile">
979
+ <p><i class="icon-align-justify"></i> icon-align-justify</p>
980
+ </div>
981
+ <div class="one fourth two-up-small-tablet two-up-mobile">
982
+ <p><i class="icon-align-left"></i> icon-align-left</p>
983
+ </div>
984
+ <div class="one fourth two-up-small-tablet two-up-mobile">
985
+ <p><i class="icon-align-right"></i> icon-align-right</p>
986
+ </div>
987
+ <div class="one fourth two-up-small-tablet two-up-mobile">
988
+ <p><i class="icon-bold"></i> icon-bold</p>
989
+ </div>
990
+ <div class="one fourth two-up-small-tablet two-up-mobile">
991
+ <p><i class="icon-columns"></i> icon-columns</p>
992
+ </div>
993
+ <div class="one fourth two-up-small-tablet two-up-mobile">
994
+ <p><i class="icon-copy"></i> icon-copy</p>
995
+ </div>
996
+ <div class="one fourth two-up-small-tablet two-up-mobile">
997
+ <p><i class="icon-cut"></i> icon-cut</p>
998
+ </div>
999
+ <div class="one fourth two-up-small-tablet two-up-mobile">
1000
+ <p><i class="icon-eraser"></i> icon-eraser</p>
1001
+ </div>
1002
+ <div class="one fourth two-up-small-tablet two-up-mobile">
1003
+ <p><i class="icon-file"></i> icon-file</p>
1004
+ </div>
1005
+ <div class="one fourth two-up-small-tablet two-up-mobile">
1006
+ <p><i class="icon-file-alt"></i> icon-file-alt</p>
1007
+ </div>
1008
+ <div class="one fourth two-up-small-tablet two-up-mobile">
1009
+ <p><i class="icon-file-text"></i> icon-file-text</p>
1010
+ </div>
1011
+ <div class="one fourth two-up-small-tablet two-up-mobile">
1012
+ <p><i class="icon-file-text-alt"></i> icon-file-text-alt</p>
1013
+ </div>
1014
+ <div class="one fourth two-up-small-tablet two-up-mobile">
1015
+ <p><i class="icon-font"></i> icon-font</p>
1016
+ </div>
1017
+ <div class="one fourth two-up-small-tablet two-up-mobile">
1018
+ <p><i class="icon-indent-left"></i> icon-indent-left</p>
1019
+ </div>
1020
+ <div class="one fourth two-up-small-tablet two-up-mobile">
1021
+ <p><i class="icon-indent-right"></i> icon-indent-right</p>
1022
+ </div>
1023
+ <div class="one fourth two-up-small-tablet two-up-mobile">
1024
+ <p><i class="icon-italic"></i> icon-italic</p>
1025
+ </div>
1026
+ <div class="one fourth two-up-small-tablet two-up-mobile">
1027
+ <p><i class="icon-link"></i> icon-link</p>
1028
+ </div>
1029
+ <div class="one fourth two-up-small-tablet two-up-mobile">
1030
+ <p><i class="icon-list"></i> icon-list</p>
1031
+ </div>
1032
+ <div class="one fourth two-up-small-tablet two-up-mobile">
1033
+ <p><i class="icon-list-alt"></i> icon-list-alt</p>
1034
+ </div>
1035
+ <div class="one fourth two-up-small-tablet two-up-mobile">
1036
+ <p><i class="icon-list-ol"></i> icon-list-ol</p>
1037
+ </div>
1038
+ <div class="one fourth two-up-small-tablet two-up-mobile">
1039
+ <p><i class="icon-list-ul"></i> icon-list-ul</p>
1040
+ </div>
1041
+ <div class="one fourth two-up-small-tablet two-up-mobile">
1042
+ <p><i class="icon-paper-clip"></i> icon-paper-clip</p>
1043
+ </div>
1044
+ <div class="one fourth two-up-small-tablet two-up-mobile">
1045
+ <p><i class="icon-paperclip"></i> icon-paperclip<span class="muted">(alias)</span></p>
1046
+ </div>
1047
+ <div class="one fourth two-up-small-tablet two-up-mobile">
1048
+ <p><i class="icon-paste"></i> icon-paste</p>
1049
+ </div>
1050
+ <div class="one fourth two-up-small-tablet two-up-mobile">
1051
+ <p><i class="icon-repeat"></i> icon-repeat</p>
1052
+ </div>
1053
+ <div class="one fourth two-up-small-tablet two-up-mobile">
1054
+ <p><i class="icon-rotate-left"></i> icon-rotate-left<span class="muted">(alias)</span></p>
1055
+ </div>
1056
+ <div class="one fourth two-up-small-tablet two-up-mobile">
1057
+ <p><i class="icon-rotate-right"></i> icon-rotate-right<span class="muted">(alias)</span></p>
1058
+ </div>
1059
+ <div class="one fourth two-up-small-tablet two-up-mobile">
1060
+ <p><i class="icon-save"></i> icon-save</p>
1061
+ </div>
1062
+ <div class="one fourth two-up-small-tablet two-up-mobile">
1063
+ <p><i class="icon-strikethrough"></i> icon-strikethrough</p>
1064
+ </div>
1065
+ <div class="one fourth two-up-small-tablet two-up-mobile">
1066
+ <p><i class="icon-table"></i> icon-table</p>
1067
+ </div>
1068
+ <div class="one fourth two-up-small-tablet two-up-mobile">
1069
+ <p><i class="icon-text-height"></i> icon-text-height</p>
1070
+ </div>
1071
+ <div class="one fourth two-up-small-tablet two-up-mobile">
1072
+ <p><i class="icon-text-width"></i> icon-text-width</p>
1073
+ </div>
1074
+ <div class="one fourth two-up-small-tablet two-up-mobile">
1075
+ <p><i class="icon-th"></i> icon-th</p>
1076
+ </div>
1077
+ <div class="one fourth two-up-small-tablet two-up-mobile">
1078
+ <p><i class="icon-th-large"></i> icon-th-large</p>
1079
+ </div>
1080
+ <div class="one fourth two-up-small-tablet two-up-mobile">
1081
+ <p><i class="icon-th-list"></i> icon-th-list</p>
1082
+ </div>
1083
+ <div class="one fourth two-up-small-tablet two-up-mobile">
1084
+ <p><i class="icon-underline"></i> icon-underline</p>
1085
+ </div>
1086
+ <div class="one fourth two-up-small-tablet two-up-mobile">
1087
+ <p><i class="icon-undo"></i> icon-undo</p>
1088
+ </div>
1089
+ <div class="one fourth two-up-small-tablet two-up-mobile">
1090
+ <p><i class="icon-unlink"></i> icon-unlink</p>
1091
+ </div>
1092
+ </div>
1093
+ </section>
1094
+ <hr><br>
1095
+ <section id="directional" class="bounceInLeft animated">
1096
+ <h4>Directional Icons</h4>
1097
+ <div class="row the-icons">
1098
+ <div class="one fourth two-up-small-tablet two-up-mobile">
1099
+ <p><i class="icon-angle-down"></i> icon-angle-down</p>
1100
+ </div>
1101
+ <div class="one fourth two-up-small-tablet two-up-mobile">
1102
+ <p><i class="icon-angle-left"></i> icon-angle-left</p>
1103
+ </div>
1104
+ <div class="one fourth two-up-small-tablet two-up-mobile">
1105
+ <p><i class="icon-angle-right"></i> icon-angle-right</p>
1106
+ </div>
1107
+ <div class="one fourth two-up-small-tablet two-up-mobile">
1108
+ <p><i class="icon-angle-up"></i> icon-angle-up</p>
1109
+ </div>
1110
+ <div class="one fourth two-up-small-tablet two-up-mobile">
1111
+ <p><i class="icon-arrow-down"></i> icon-arrow-down</p>
1112
+ </div>
1113
+ <div class="one fourth two-up-small-tablet two-up-mobile">
1114
+ <p><i class="icon-arrow-left"></i> icon-arrow-left</p>
1115
+ </div>
1116
+ <div class="one fourth two-up-small-tablet two-up-mobile">
1117
+ <p><i class="icon-arrow-right"></i> icon-arrow-right</p>
1118
+ </div>
1119
+ <div class="one fourth two-up-small-tablet two-up-mobile">
1120
+ <p><i class="icon-arrow-up"></i> icon-arrow-up</p>
1121
+ </div>
1122
+ <div class="one fourth two-up-small-tablet two-up-mobile">
1123
+ <p><i class="icon-caret-down"></i> icon-caret-down</p>
1124
+ </div>
1125
+ <div class="one fourth two-up-small-tablet two-up-mobile">
1126
+ <p><i class="icon-caret-left"></i> icon-caret-left</p>
1127
+ </div>
1128
+ <div class="one fourth two-up-small-tablet two-up-mobile">
1129
+ <p><i class="icon-caret-right"></i> icon-caret-right</p>
1130
+ </div>
1131
+ <div class="one fourth two-up-small-tablet two-up-mobile">
1132
+ <p><i class="icon-caret-up"></i> icon-caret-up</p>
1133
+ </div>
1134
+ <div class="one fourth two-up-small-tablet two-up-mobile">
1135
+ <p><i class="icon-chevron-down"></i> icon-chevron-down</p>
1136
+ </div>
1137
+ <div class="one fourth two-up-small-tablet two-up-mobile">
1138
+ <p><i class="icon-chevron-left"></i> icon-chevron-left</p>
1139
+ </div>
1140
+ <div class="one fourth two-up-small-tablet two-up-mobile">
1141
+ <p><i class="icon-chevron-right"></i> icon-chevron-right</p>
1142
+ </div>
1143
+ <div class="one fourth two-up-small-tablet two-up-mobile">
1144
+ <p><i class="icon-chevron-up"></i> icon-chevron-up</p>
1145
+ </div>
1146
+ <div class="one fourth two-up-small-tablet two-up-mobile">
1147
+ <p><i class="icon-chevron-sign-down"></i> icon-chevron-sign-down</p>
1148
+ </div>
1149
+ <div class="one fourth two-up-small-tablet two-up-mobile">
1150
+ <p><i class="icon-chevron-sign-left"></i> icon-chevron-sign-left</p>
1151
+ </div>
1152
+ <div class="one fourth two-up-small-tablet two-up-mobile">
1153
+ <p><i class="icon-chevron-sign-right"></i> icon-chevron-sign-right</p>
1154
+ </div>
1155
+ <div class="one fourth two-up-small-tablet two-up-mobile">
1156
+ <p><i class="icon-chevron-sign-up"></i> icon-chevron-sign-up</p>
1157
+ </div>
1158
+ <div class="one fourth two-up-small-tablet two-up-mobile">
1159
+ <p><i class="icon-circle-arrow-down"></i> icon-circle-arrow-down</p>
1160
+ </div>
1161
+ <div class="one fourth two-up-small-tablet two-up-mobile">
1162
+ <p><i class="icon-circle-arrow-left"></i> icon-circle-arrow-left</p>
1163
+ </div>
1164
+ <div class="one fourth two-up-small-tablet two-up-mobile">
1165
+ <p><i class="icon-circle-arrow-right"></i> icon-circle-arrow-right</p>
1166
+ </div>
1167
+ <div class="one fourth two-up-small-tablet two-up-mobile">
1168
+ <p><i class="icon-circle-arrow-up"></i> icon-circle-arrow-up</p>
1169
+ </div>
1170
+ <div class="one fourth two-up-small-tablet two-up-mobile">
1171
+ <p><i class="icon-double-angle-down"></i> icon-double-angle-down</p>
1172
+ </div>
1173
+ <div class="one fourth two-up-small-tablet two-up-mobile">
1174
+ <p><i class="icon-double-angle-left"></i> icon-double-angle-left</p>
1175
+ </div>
1176
+ <div class="one fourth two-up-small-tablet two-up-mobile">
1177
+ <p><i class="icon-double-angle-right"></i> icon-double-angle-right</p>
1178
+ </div>
1179
+ <div class="one fourth two-up-small-tablet two-up-mobile">
1180
+ <p><i class="icon-double-angle-up"></i> icon-double-angle-up</p>
1181
+ </div>
1182
+ <div class="one fourth two-up-small-tablet two-up-mobile">
1183
+ <p><i class="icon-hand-down"></i> icon-hand-down</p>
1184
+ </div>
1185
+ <div class="one fourth two-up-small-tablet two-up-mobile">
1186
+ <p><i class="icon-hand-left"></i> icon-hand-left</p>
1187
+ </div>
1188
+ <div class="one fourth two-up-small-tablet two-up-mobile">
1189
+ <p><i class="icon-hand-right"></i> icon-hand-right</p>
1190
+ </div>
1191
+ <div class="one fourth two-up-small-tablet two-up-mobile">
1192
+ <p><i class="icon-hand-up"></i> icon-hand-up</p>
1193
+ </div>
1194
+ <div class="one fourth two-up-small-tablet two-up-mobile">
1195
+ <p><i class="icon-long-arrow-down"></i> icon-long-arrow-down</p>
1196
+ </div>
1197
+ <div class="one fourth two-up-small-tablet two-up-mobile">
1198
+ <p><i class="icon-long-arrow-left"></i> icon-long-arrow-left</p>
1199
+ </div>
1200
+ <div class="one fourth two-up-small-tablet two-up-mobile">
1201
+ <p><i class="icon-long-arrow-right"></i> icon-long-arrow-right</p>
1202
+ </div>
1203
+ <div class="one fourth two-up-small-tablet two-up-mobile">
1204
+ <p><i class="icon-long-arrow-up"></i> icon-long-arrow-up</p>
1205
+ </div>
1206
+ </div>
1207
+ </section>
1208
+ <hr><br>
1209
+ <section id="video-player" class="bounceInRight animated">
1210
+ <h4>Video Player Icons</h4>
1211
+ <div class="row the-icons">
1212
+ <div class="one fourth two-up-small-tablet two-up-mobile">
1213
+ <p><i class="icon-backward"></i> icon-backward</p>
1214
+ </div>
1215
+ <div class="one fourth two-up-small-tablet two-up-mobile">
1216
+ <p><i class="icon-eject"></i> icon-eject</p>
1217
+ </div>
1218
+ <div class="one fourth two-up-small-tablet two-up-mobile">
1219
+ <p><i class="icon-fast-backward"></i> icon-fast-backward</p>
1220
+ </div>
1221
+ <div class="one fourth two-up-small-tablet two-up-mobile">
1222
+ <p><i class="icon-fast-forward"></i> icon-fast-forward</p>
1223
+ </div>
1224
+ <div class="one fourth two-up-small-tablet two-up-mobile">
1225
+ <p><i class="icon-forward"></i> icon-forward</p>
1226
+ </div>
1227
+ <div class="one fourth two-up-small-tablet two-up-mobile">
1228
+ <p><i class="icon-fullscreen"></i> icon-fullscreen</p>
1229
+ </div>
1230
+ <div class="one fourth two-up-small-tablet two-up-mobile">
1231
+ <p><i class="icon-pause"></i> icon-pause</p>
1232
+ </div>
1233
+ <div class="one fourth two-up-small-tablet two-up-mobile">
1234
+ <p><i class="icon-play"></i> icon-play</p>
1235
+ </div>
1236
+ <div class="one fourth two-up-small-tablet two-up-mobile">
1237
+ <p><i class="icon-play-circle"></i> icon-play-circle</p>
1238
+ </div>
1239
+ <div class="one fourth two-up-small-tablet two-up-mobile">
1240
+ <p><i class="icon-play-sign"></i> icon-play-sign</p>
1241
+ </div>
1242
+ <div class="one fourth two-up-small-tablet two-up-mobile">
1243
+ <p><i class="icon-resize-full"></i> icon-resize-full</p>
1244
+ </div>
1245
+ <div class="one fourth two-up-small-tablet two-up-mobile">
1246
+ <p><i class="icon-resize-small"></i> icon-resize-small</p>
1247
+ </div>
1248
+ <div class="one fourth two-up-small-tablet two-up-mobile">
1249
+ <p><i class="icon-step-backward"></i> icon-step-backward</p>
1250
+ </div>
1251
+ <div class="one fourth two-up-small-tablet two-up-mobile">
1252
+ <p><i class="icon-step-forward"></i> icon-step-forward</p>
1253
+ </div>
1254
+ <div class="one fourth two-up-small-tablet two-up-mobile">
1255
+ <p><i class="icon-stop"></i> icon-stop</p>
1256
+ </div>
1257
+ <div class="one fourth two-up-small-tablet two-up-mobile">
1258
+ <p><i class="icon-youtube-play"></i> icon-youtube-play</p>
1259
+ </div>
1260
+ </div>
1261
+ </section>
1262
+ <hr><br>
1263
+ <section id="brand" class="bounceInLeft animated">
1264
+ <h4>Brand Icons</h4>
1265
+ <div class="row the-icons">
1266
+ <div class="one fourth two-up-small-tablet two-up-mobile">
1267
+ <p><i class="icon-adn"></i> icon-adn</p>
1268
+ </div>
1269
+ <div class="one fourth two-up-small-tablet two-up-mobile">
1270
+ <p><i class="icon-android"></i> icon-android</p>
1271
+ </div>
1272
+ <div class="one fourth two-up-small-tablet two-up-mobile">
1273
+ <p><i class="icon-apple"></i> icon-apple</p>
1274
+ </div>
1275
+ <div class="one fourth two-up-small-tablet two-up-mobile">
1276
+ <p><i class="icon-bitbucket"></i> icon-bitbucket</p>
1277
+ </div>
1278
+ <div class="one fourth two-up-small-tablet two-up-mobile">
1279
+ <p><i class="icon-bitbucket-sign"></i> icon-bitbucket-sign</p>
1280
+ </div>
1281
+ <div class="one fourth two-up-small-tablet two-up-mobile">
1282
+ <p><i class="icon-bitcoin"></i> icon-bitcoin<span class="muted">(alias)</span></p>
1283
+ </div>
1284
+ <div class="one fourth two-up-small-tablet two-up-mobile">
1285
+ <p><i class="icon-btc"></i> icon-btc</p>
1286
+ </div>
1287
+ <div class="one fourth two-up-small-tablet two-up-mobile">
1288
+ <p><i class="icon-css3"></i> icon-css3</p>
1289
+ </div>
1290
+ <div class="one fourth two-up-small-tablet two-up-mobile">
1291
+ <p><i class="icon-dribbble"></i> icon-dribbble</p>
1292
+ </div>
1293
+ <div class="one fourth two-up-small-tablet two-up-mobile">
1294
+ <p><i class="icon-dropbox"></i> icon-dropbox</p>
1295
+ </div>
1296
+ <div class="one fourth two-up-small-tablet two-up-mobile">
1297
+ <p><i class="icon-facebook"></i> icon-facebook</p>
1298
+ </div>
1299
+ <div class="one fourth two-up-small-tablet two-up-mobile">
1300
+ <p><i class="icon-facebook-sign"></i> icon-facebook-sign</p>
1301
+ </div>
1302
+ <div class="one fourth two-up-small-tablet two-up-mobile">
1303
+ <p><i class="icon-flickr"></i> icon-flickr</p>
1304
+ </div>
1305
+ <div class="one fourth two-up-small-tablet two-up-mobile">
1306
+ <p><i class="icon-foursquare"></i> icon-foursquare</p>
1307
+ </div>
1308
+ <div class="one fourth two-up-small-tablet two-up-mobile">
1309
+ <p><i class="icon-github"></i> icon-github</p>
1310
+ </div>
1311
+ <div class="one fourth two-up-small-tablet two-up-mobile">
1312
+ <p><i class="icon-github-alt"></i> icon-github-alt</p>
1313
+ </div>
1314
+ <div class="one fourth two-up-small-tablet two-up-mobile">
1315
+ <p><i class="icon-github-sign"></i> icon-github-sign</p>
1316
+ </div>
1317
+ <div class="one fourth two-up-small-tablet two-up-mobile">
1318
+ <p><i class="icon-gittip"></i> icon-gittip</p>
1319
+ </div>
1320
+ <div class="one fourth two-up-small-tablet two-up-mobile">
1321
+ <p><i class="icon-google-plus"></i> icon-google-plus</p>
1322
+ </div>
1323
+ <div class="one fourth two-up-small-tablet two-up-mobile">
1324
+ <p><i class="icon-google-plus-sign"></i> icon-google-plus-sign</p>
1325
+ </div>
1326
+ <div class="one fourth two-up-small-tablet two-up-mobile">
1327
+ <p><i class="icon-html5"></i> icon-html5</p>
1328
+ </div>
1329
+ <div class="one fourth two-up-small-tablet two-up-mobile">
1330
+ <p><i class="icon-instagram"></i> icon-instagram</p>
1331
+ </div>
1332
+ <div class="one fourth two-up-small-tablet two-up-mobile">
1333
+ <p><i class="icon-linkedin"></i> icon-linkedin</p>
1334
+ </div>
1335
+ <div class="one fourth two-up-small-tablet two-up-mobile">
1336
+ <p><i class="icon-linkedin-sign"></i> icon-linkedin-sign</p>
1337
+ </div>
1338
+ <div class="one fourth two-up-small-tablet two-up-mobile">
1339
+ <p><i class="icon-linux"></i> icon-linux</p>
1340
+ </div>
1341
+ <div class="one fourth two-up-small-tablet two-up-mobile">
1342
+ <p><i class="icon-maxcdn"></i> icon-maxcdn</p>
1343
+ </div>
1344
+ <div class="one fourth two-up-small-tablet two-up-mobile">
1345
+ <p><i class="icon-pinterest"></i> icon-pinterest</p>
1346
+ </div>
1347
+ <div class="one fourth two-up-small-tablet two-up-mobile">
1348
+ <p><i class="icon-pinterest-sign"></i> icon-pinterest-sign</p>
1349
+ </div>
1350
+ <div class="one fourth two-up-small-tablet two-up-mobile">
1351
+ <p><i class="icon-renren"></i> icon-renren</p>
1352
+ </div>
1353
+ <div class="one fourth two-up-small-tablet two-up-mobile">
1354
+ <p><i class="icon-skype"></i> icon-skype</p>
1355
+ </div>
1356
+ <div class="one fourth two-up-small-tablet two-up-mobile">
1357
+ <p><i class="icon-stackexchange"></i> icon-stackexchange</p>
1358
+ </div>
1359
+ <div class="one fourth two-up-small-tablet two-up-mobile">
1360
+ <p><i class="icon-trello"></i> icon-trello</p>
1361
+ </div>
1362
+ <div class="one fourth two-up-small-tablet two-up-mobile">
1363
+ <p><i class="icon-tumblr"></i> icon-tumblr</p>
1364
+ </div>
1365
+ <div class="one fourth two-up-small-tablet two-up-mobile">
1366
+ <p><i class="icon-tumblr-sign"></i> icon-tumblr-sign</p>
1367
+ </div>
1368
+ <div class="one fourth two-up-small-tablet two-up-mobile">
1369
+ <p><i class="icon-twitter"></i> icon-twitter</p>
1370
+ </div>
1371
+ <div class="one fourth two-up-small-tablet two-up-mobile">
1372
+ <p><i class="icon-twitter-sign"></i> icon-twitter-sign</p>
1373
+ </div>
1374
+ <div class="one fourth two-up-small-tablet two-up-mobile">
1375
+ <p><i class="icon-vk"></i> icon-vk</p>
1376
+ </div>
1377
+ <div class="one fourth two-up-small-tablet two-up-mobile">
1378
+ <p><i class="icon-weibo"></i> icon-weibo</p>
1379
+ </div>
1380
+ <div class="one fourth two-up-small-tablet two-up-mobile">
1381
+ <p><i class="icon-windows"></i> icon-windows</p>
1382
+ </div>
1383
+ <div class="one fourth two-up-small-tablet two-up-mobile">
1384
+ <p><i class="icon-xing"></i> icon-xing</p>
1385
+ </div>
1386
+ <div class="one fourth two-up-small-tablet two-up-mobile">
1387
+ <p><i class="icon-xing-sign"></i> icon-xing-sign</p>
1388
+ </div>
1389
+ <div class="one fourth two-up-small-tablet two-up-mobile">
1390
+ <p><i class="icon-youtube"></i> icon-youtube</p>
1391
+ </div>
1392
+ <div class="one fourth two-up-small-tablet two-up-mobile">
1393
+ <p><i class="icon-youtube-play"></i> icon-youtube-play</p>
1394
+ </div>
1395
+ <div class="one fourth two-up-small-tablet two-up-mobile">
1396
+ <p><i class="icon-youtube-sign"></i> icon-youtube-sign</p>
1397
+ </div>
1398
+ </div>
1399
+ </section>
1400
+ <hr><br>
1401
+ <section id="medical" class="bounceInUp animated">
1402
+ <h4>Medical Icons</h4>
1403
+ <div class="row the-icons">
1404
+ <div class="one fourth two-up-small-tablet two-up-mobile">
1405
+ <p><i class="icon-ambulance"></i> icon-ambulance</p>
1406
+ </div>
1407
+ <div class="one fourth two-up-small-tablet two-up-mobile">
1408
+ <p><i class="icon-h-sign"></i> icon-h-sign</p>
1409
+ </div>
1410
+ <div class="one fourth two-up-small-tablet two-up-mobile">
1411
+ <p><i class="icon-hospital"></i> icon-hospital</p>
1412
+ </div>
1413
+ <div class="one fourth two-up-small-tablet two-up-mobile">
1414
+ <p><i class="icon-medkit"></i> icon-medkit</p>
1415
+ </div>
1416
+ <div class="one fourth two-up-small-tablet two-up-mobile">
1417
+ <p><i class="icon-plus-sign-alt"></i> icon-plus-sign-alt</p>
1418
+ </div>
1419
+ <div class="one fourth two-up-small-tablet two-up-mobile">
1420
+ <p><i class="icon-stethoscope"></i> icon-stethoscope</p>
1421
+ </div>
1422
+ <div class="one fourth two-up-small-tablet two-up-mobile">
1423
+ <p><i class="icon-user-md"></i> icon-user-md</p>
1424
+ </div>
1425
+ </div>
1426
+ </section>
1427
+ </div>
1428
+ </div>