groundworkcss 0.4.4 → 2.0.0

Sign up to get free protection for your applications and to get access to all the features.
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>