repsheet_visualizer 0.2.1 → 0.2.2

Sign up to get free protection for your applications and to get access to all the features.
Files changed (302) hide show
  1. checksums.yaml +4 -4
  2. data/.travis.yml +2 -0
  3. data/Gemfile.lock +1 -1
  4. data/lib/repsheet_visualizer/application/app.rb +13 -3
  5. data/lib/repsheet_visualizer/application/backend.rb +5 -1
  6. data/lib/repsheet_visualizer/application/public/css/application.css +64 -0
  7. data/lib/repsheet_visualizer/application/public/javascripts/application.js +10 -0
  8. data/lib/repsheet_visualizer/application/views/activity.erb +7 -5
  9. data/lib/repsheet_visualizer/application/views/actors.erb +8 -66
  10. data/lib/repsheet_visualizer/application/views/breakdown.erb +7 -25
  11. data/lib/repsheet_visualizer/application/views/whitelist.erb +82 -0
  12. data/lib/repsheet_visualizer/application/views/worldview.erb +10 -10
  13. data/lib/repsheet_visualizer/version.rb +1 -1
  14. data/redesign/actor.html +228 -0
  15. data/redesign/chart-flot.html +698 -0
  16. data/redesign/chart-morris.html +528 -0
  17. data/redesign/chart-sparkline.html +702 -0
  18. data/redesign/css/App.css +3436 -0
  19. data/redesign/css/Login.css +88 -0
  20. data/redesign/css/bootstrap.min.css +9 -0
  21. data/redesign/css/custom.css +0 -0
  22. data/redesign/css/font-awesome.min.css +395 -0
  23. data/redesign/fonts/FontAwesome.otf +0 -0
  24. data/redesign/fonts/fontawesome-webfont.eot +0 -0
  25. data/redesign/fonts/fontawesome-webfont.svg +414 -0
  26. data/redesign/fonts/fontawesome-webfont.ttf +0 -0
  27. data/redesign/fonts/fontawesome-webfont.woff +0 -0
  28. data/redesign/fonts/glyphicons-halflings-regular.eot +0 -0
  29. data/redesign/fonts/glyphicons-halflings-regular.svg +228 -0
  30. data/redesign/fonts/glyphicons-halflings-regular.ttf +0 -0
  31. data/redesign/fonts/glyphicons-halflings-regular.woff +0 -0
  32. data/redesign/form-extended.html +1052 -0
  33. data/redesign/form-regular.html +863 -0
  34. data/redesign/form-validation.html +678 -0
  35. data/redesign/img/avatars/avatar-1.jpg +0 -0
  36. data/redesign/img/avatars/avatar-2.jpg +0 -0
  37. data/redesign/img/avatars/avatar-large-1.jpg +0 -0
  38. data/redesign/img/avatars/avatar-large-2.jpg +0 -0
  39. data/redesign/img/gallery/zoom.png +0 -0
  40. data/redesign/img/jquery/handle-vertical.png +0 -0
  41. data/redesign/img/jquery/handle.png +0 -0
  42. data/redesign/img/layout/sidebar-bg.png +0 -0
  43. data/redesign/img/loaders/ajax-loader.gif +0 -0
  44. data/redesign/img/logos/logo-login.png +0 -0
  45. data/redesign/img/logos/logo.png +0 -0
  46. data/redesign/img/mockup.png +0 -0
  47. data/redesign/img/photos/blur-lg.jpg +0 -0
  48. data/redesign/img/photos/blur-sm.jpg +0 -0
  49. data/redesign/img/photos/clock-lg.jpg +0 -0
  50. data/redesign/img/photos/clock-sm.jpg +0 -0
  51. data/redesign/img/photos/lens-lg.jpg +0 -0
  52. data/redesign/img/photos/lens-sm.jpg +0 -0
  53. data/redesign/img/photos/map.png +0 -0
  54. data/redesign/img/photos/rust-lg.jpg +0 -0
  55. data/redesign/img/photos/rust-sm.jpg +0 -0
  56. data/redesign/img/pricing/label-editable.png +0 -0
  57. data/redesign/img/pricing/label-red.png +0 -0
  58. data/redesign/img/pricing/label-yellow.png +0 -0
  59. data/redesign/index.html +328 -0
  60. data/redesign/js/App.js +372 -0
  61. data/redesign/js/Login.js +17 -0
  62. data/redesign/js/demos/buttons.js +7 -0
  63. data/redesign/js/demos/calendar.js +142 -0
  64. data/redesign/js/demos/charts/flot/area.js +73 -0
  65. data/redesign/js/demos/charts/flot/chart1.js +77 -0
  66. data/redesign/js/demos/charts/flot/chart2.js +70 -0
  67. data/redesign/js/demos/charts/flot/chart3.js +71 -0
  68. data/redesign/js/demos/charts/flot/chart4.js +69 -0
  69. data/redesign/js/demos/charts/flot/donut.js +49 -0
  70. data/redesign/js/demos/charts/flot/horizontal.js +56 -0
  71. data/redesign/js/demos/charts/flot/line.js +76 -0
  72. data/redesign/js/demos/charts/flot/pie.js +50 -0
  73. data/redesign/js/demos/charts/flot/scatter.js +62 -0
  74. data/redesign/js/demos/charts/flot/stacked-area.js +86 -0
  75. data/redesign/js/demos/charts/flot/stacked-horizontal.js +60 -0
  76. data/redesign/js/demos/charts/flot/stacked-vertical.js +75 -0
  77. data/redesign/js/demos/charts/flot/vertical.js +70 -0
  78. data/redesign/js/demos/charts/morris/area.js +28 -0
  79. data/redesign/js/demos/charts/morris/bar.js +29 -0
  80. data/redesign/js/demos/charts/morris/donut.js +26 -0
  81. data/redesign/js/demos/charts/morris/line.js +30 -0
  82. data/redesign/js/demos/dashboard.js +26 -0
  83. data/redesign/js/demos/form-extended.js +61 -0
  84. data/redesign/js/demos/popups.js +16 -0
  85. data/redesign/js/demos/pricing.js +10 -0
  86. data/redesign/js/demos/sliders.js +77 -0
  87. data/redesign/js/libs/bootstrap.js +1999 -0
  88. data/redesign/js/libs/bootstrap.min.js +6 -0
  89. data/redesign/js/libs/css/ui-lightness/images/ui-bg_diagonals-thick_18_b81900_40x40.png +0 -0
  90. data/redesign/js/libs/css/ui-lightness/images/ui-bg_diagonals-thick_20_666666_40x40.png +0 -0
  91. data/redesign/js/libs/css/ui-lightness/images/ui-bg_flat_10_000000_40x100.png +0 -0
  92. data/redesign/js/libs/css/ui-lightness/images/ui-bg_glass_100_f6f6f6_1x400.png +0 -0
  93. data/redesign/js/libs/css/ui-lightness/images/ui-bg_glass_100_fdf5ce_1x400.png +0 -0
  94. data/redesign/js/libs/css/ui-lightness/images/ui-bg_glass_65_ffffff_1x400.png +0 -0
  95. data/redesign/js/libs/css/ui-lightness/images/ui-bg_gloss-wave_35_f6a828_500x100.png +0 -0
  96. data/redesign/js/libs/css/ui-lightness/images/ui-bg_highlight-soft_100_eeeeee_1x100.png +0 -0
  97. data/redesign/js/libs/css/ui-lightness/images/ui-bg_highlight-soft_75_ffe45c_1x100.png +0 -0
  98. data/redesign/js/libs/css/ui-lightness/images/ui-icons_222222_256x240.png +0 -0
  99. data/redesign/js/libs/css/ui-lightness/images/ui-icons_228ef1_256x240.png +0 -0
  100. data/redesign/js/libs/css/ui-lightness/images/ui-icons_ef8c08_256x240.png +0 -0
  101. data/redesign/js/libs/css/ui-lightness/images/ui-icons_ffd27a_256x240.png +0 -0
  102. data/redesign/js/libs/css/ui-lightness/images/ui-icons_ffffff_256x240.png +0 -0
  103. data/redesign/js/libs/css/ui-lightness/jquery-ui-1.9.2.custom.css +294 -0
  104. data/redesign/js/libs/css/ui-lightness/jquery-ui-1.9.2.custom.min.css +7 -0
  105. data/redesign/js/libs/jquery-1.9.1.min.js +5 -0
  106. data/redesign/js/libs/jquery-ui-1.9.2.custom.min.js +6 -0
  107. data/redesign/js/libs/jquery.min.map +1 -0
  108. data/redesign/js/libs/raphael-2.1.2.min.js +11 -0
  109. data/redesign/js/plugins/autosize/jquery.autosize.min.js +7 -0
  110. data/redesign/js/plugins/datatables/DT_bootstrap.js +148 -0
  111. data/redesign/js/plugins/datatables/img/Sorting icons.psd +0 -0
  112. data/redesign/js/plugins/datatables/img/back_disabled.png +0 -0
  113. data/redesign/js/plugins/datatables/img/back_enabled.png +0 -0
  114. data/redesign/js/plugins/datatables/img/back_enabled_hover.png +0 -0
  115. data/redesign/js/plugins/datatables/img/datatable-row-openclose.png +0 -0
  116. data/redesign/js/plugins/datatables/img/favicon.ico +0 -0
  117. data/redesign/js/plugins/datatables/img/forward_disabled.png +0 -0
  118. data/redesign/js/plugins/datatables/img/forward_enabled.png +0 -0
  119. data/redesign/js/plugins/datatables/img/forward_enabled_hover.png +0 -0
  120. data/redesign/js/plugins/datatables/img/sort_asc.png +0 -0
  121. data/redesign/js/plugins/datatables/img/sort_asc_disabled.png +0 -0
  122. data/redesign/js/plugins/datatables/img/sort_both.png +0 -0
  123. data/redesign/js/plugins/datatables/img/sort_desc.png +0 -0
  124. data/redesign/js/plugins/datatables/img/sort_desc_disabled.png +0 -0
  125. data/redesign/js/plugins/datatables/jquery.dataTables.min.js +155 -0
  126. data/redesign/js/plugins/datepicker/bootstrap-datepicker.js +1258 -0
  127. data/redesign/js/plugins/datepicker/datepicker.css +481 -0
  128. data/redesign/js/plugins/datepicker/less/datepicker.less +122 -0
  129. data/redesign/js/plugins/fileupload/bootstrap-fileupload.css +132 -0
  130. data/redesign/js/plugins/fileupload/bootstrap-fileupload.js +169 -0
  131. data/redesign/js/plugins/fileupload/bootstrap-fileupload.min.css +31 -0
  132. data/redesign/js/plugins/fileupload/bootstrap-fileupload.min.js +7 -0
  133. data/redesign/js/plugins/flot/jquery.flot.js +2599 -0
  134. data/redesign/js/plugins/flot/jquery.flot.orderBars.js +186 -0
  135. data/redesign/js/plugins/flot/jquery.flot.pie.js +750 -0
  136. data/redesign/js/plugins/flot/jquery.flot.resize.js +57 -0
  137. data/redesign/js/plugins/flot/jquery.flot.stack.js +184 -0
  138. data/redesign/js/plugins/flot/jquery.flot.tooltip.min.js +14 -0
  139. data/redesign/js/plugins/fullcalendar/fullcalendar.css +589 -0
  140. data/redesign/js/plugins/fullcalendar/fullcalendar.js +6110 -0
  141. data/redesign/js/plugins/fullcalendar/fullcalendar.min.js +7 -0
  142. data/redesign/js/plugins/fullcalendar/fullcalendar.print.css +32 -0
  143. data/redesign/js/plugins/fullcalendar/gcal.js +107 -0
  144. data/redesign/js/plugins/howl/howl.js +70 -0
  145. data/redesign/js/plugins/howl/howl.min.js +2 -0
  146. data/redesign/js/plugins/icheck/jquery.icheck.js +462 -0
  147. data/redesign/js/plugins/icheck/jquery.icheck.min.js +11 -0
  148. data/redesign/js/plugins/icheck/skins/all.css +61 -0
  149. data/redesign/js/plugins/icheck/skins/flat/_all.css +540 -0
  150. data/redesign/js/plugins/icheck/skins/flat/aero.css +54 -0
  151. data/redesign/js/plugins/icheck/skins/flat/aero.png +0 -0
  152. data/redesign/js/plugins/icheck/skins/flat/aero@2x.png +0 -0
  153. data/redesign/js/plugins/icheck/skins/flat/blue.css +54 -0
  154. data/redesign/js/plugins/icheck/skins/flat/blue.png +0 -0
  155. data/redesign/js/plugins/icheck/skins/flat/blue@2x.png +0 -0
  156. data/redesign/js/plugins/icheck/skins/flat/flat.css +54 -0
  157. data/redesign/js/plugins/icheck/skins/flat/flat.png +0 -0
  158. data/redesign/js/plugins/icheck/skins/flat/flat@2x.png +0 -0
  159. data/redesign/js/plugins/icheck/skins/flat/green.css +54 -0
  160. data/redesign/js/plugins/icheck/skins/flat/green.png +0 -0
  161. data/redesign/js/plugins/icheck/skins/flat/green@2x.png +0 -0
  162. data/redesign/js/plugins/icheck/skins/flat/grey.css +54 -0
  163. data/redesign/js/plugins/icheck/skins/flat/grey.png +0 -0
  164. data/redesign/js/plugins/icheck/skins/flat/grey@2x.png +0 -0
  165. data/redesign/js/plugins/icheck/skins/flat/orange.css +54 -0
  166. data/redesign/js/plugins/icheck/skins/flat/orange.png +0 -0
  167. data/redesign/js/plugins/icheck/skins/flat/orange@2x.png +0 -0
  168. data/redesign/js/plugins/icheck/skins/flat/pink.css +54 -0
  169. data/redesign/js/plugins/icheck/skins/flat/pink.png +0 -0
  170. data/redesign/js/plugins/icheck/skins/flat/pink@2x.png +0 -0
  171. data/redesign/js/plugins/icheck/skins/flat/purple.css +54 -0
  172. data/redesign/js/plugins/icheck/skins/flat/purple.png +0 -0
  173. data/redesign/js/plugins/icheck/skins/flat/purple@2x.png +0 -0
  174. data/redesign/js/plugins/icheck/skins/flat/red.css +54 -0
  175. data/redesign/js/plugins/icheck/skins/flat/red.png +0 -0
  176. data/redesign/js/plugins/icheck/skins/flat/red@2x.png +0 -0
  177. data/redesign/js/plugins/icheck/skins/flat/yellow.css +54 -0
  178. data/redesign/js/plugins/icheck/skins/flat/yellow.png +0 -0
  179. data/redesign/js/plugins/icheck/skins/flat/yellow@2x.png +0 -0
  180. data/redesign/js/plugins/icheck/skins/futurico/futurico.css +54 -0
  181. data/redesign/js/plugins/icheck/skins/futurico/futurico.png +0 -0
  182. data/redesign/js/plugins/icheck/skins/futurico/futurico@2x.png +0 -0
  183. data/redesign/js/plugins/icheck/skins/line/_all.css +740 -0
  184. data/redesign/js/plugins/icheck/skins/line/aero.css +74 -0
  185. data/redesign/js/plugins/icheck/skins/line/blue.css +74 -0
  186. data/redesign/js/plugins/icheck/skins/line/green.css +74 -0
  187. data/redesign/js/plugins/icheck/skins/line/grey.css +74 -0
  188. data/redesign/js/plugins/icheck/skins/line/line.css +74 -0
  189. data/redesign/js/plugins/icheck/skins/line/line.png +0 -0
  190. data/redesign/js/plugins/icheck/skins/line/line@2x.png +0 -0
  191. data/redesign/js/plugins/icheck/skins/line/orange.css +74 -0
  192. data/redesign/js/plugins/icheck/skins/line/pink.css +74 -0
  193. data/redesign/js/plugins/icheck/skins/line/purple.css +74 -0
  194. data/redesign/js/plugins/icheck/skins/line/red.css +74 -0
  195. data/redesign/js/plugins/icheck/skins/line/yellow.css +74 -0
  196. data/redesign/js/plugins/icheck/skins/minimal/_all.css +600 -0
  197. data/redesign/js/plugins/icheck/skins/minimal/aero.css +60 -0
  198. data/redesign/js/plugins/icheck/skins/minimal/aero.png +0 -0
  199. data/redesign/js/plugins/icheck/skins/minimal/aero@2x.png +0 -0
  200. data/redesign/js/plugins/icheck/skins/minimal/blue.css +60 -0
  201. data/redesign/js/plugins/icheck/skins/minimal/blue.png +0 -0
  202. data/redesign/js/plugins/icheck/skins/minimal/blue@2x.png +0 -0
  203. data/redesign/js/plugins/icheck/skins/minimal/green.css +60 -0
  204. data/redesign/js/plugins/icheck/skins/minimal/green.png +0 -0
  205. data/redesign/js/plugins/icheck/skins/minimal/green@2x.png +0 -0
  206. data/redesign/js/plugins/icheck/skins/minimal/grey.css +60 -0
  207. data/redesign/js/plugins/icheck/skins/minimal/grey.png +0 -0
  208. data/redesign/js/plugins/icheck/skins/minimal/grey@2x.png +0 -0
  209. data/redesign/js/plugins/icheck/skins/minimal/minimal.css +60 -0
  210. data/redesign/js/plugins/icheck/skins/minimal/minimal.png +0 -0
  211. data/redesign/js/plugins/icheck/skins/minimal/minimal@2x.png +0 -0
  212. data/redesign/js/plugins/icheck/skins/minimal/orange.css +60 -0
  213. data/redesign/js/plugins/icheck/skins/minimal/orange.png +0 -0
  214. data/redesign/js/plugins/icheck/skins/minimal/orange@2x.png +0 -0
  215. data/redesign/js/plugins/icheck/skins/minimal/pink.css +60 -0
  216. data/redesign/js/plugins/icheck/skins/minimal/pink.png +0 -0
  217. data/redesign/js/plugins/icheck/skins/minimal/pink@2x.png +0 -0
  218. data/redesign/js/plugins/icheck/skins/minimal/purple.css +60 -0
  219. data/redesign/js/plugins/icheck/skins/minimal/purple.png +0 -0
  220. data/redesign/js/plugins/icheck/skins/minimal/purple@2x.png +0 -0
  221. data/redesign/js/plugins/icheck/skins/minimal/red.css +60 -0
  222. data/redesign/js/plugins/icheck/skins/minimal/red.png +0 -0
  223. data/redesign/js/plugins/icheck/skins/minimal/red@2x.png +0 -0
  224. data/redesign/js/plugins/icheck/skins/minimal/yellow.css +60 -0
  225. data/redesign/js/plugins/icheck/skins/minimal/yellow.png +0 -0
  226. data/redesign/js/plugins/icheck/skins/minimal/yellow@2x.png +0 -0
  227. data/redesign/js/plugins/icheck/skins/polaris/polaris.css +60 -0
  228. data/redesign/js/plugins/icheck/skins/polaris/polaris.png +0 -0
  229. data/redesign/js/plugins/icheck/skins/polaris/polaris@2x.png +0 -0
  230. data/redesign/js/plugins/icheck/skins/square/_all.css +600 -0
  231. data/redesign/js/plugins/icheck/skins/square/aero.css +60 -0
  232. data/redesign/js/plugins/icheck/skins/square/aero.png +0 -0
  233. data/redesign/js/plugins/icheck/skins/square/aero@2x.png +0 -0
  234. data/redesign/js/plugins/icheck/skins/square/blue.css +60 -0
  235. data/redesign/js/plugins/icheck/skins/square/blue.png +0 -0
  236. data/redesign/js/plugins/icheck/skins/square/blue@2x.png +0 -0
  237. data/redesign/js/plugins/icheck/skins/square/green.css +60 -0
  238. data/redesign/js/plugins/icheck/skins/square/green.png +0 -0
  239. data/redesign/js/plugins/icheck/skins/square/green@2x.png +0 -0
  240. data/redesign/js/plugins/icheck/skins/square/grey.css +60 -0
  241. data/redesign/js/plugins/icheck/skins/square/grey.png +0 -0
  242. data/redesign/js/plugins/icheck/skins/square/grey@2x.png +0 -0
  243. data/redesign/js/plugins/icheck/skins/square/orange.css +60 -0
  244. data/redesign/js/plugins/icheck/skins/square/orange.png +0 -0
  245. data/redesign/js/plugins/icheck/skins/square/orange@2x.png +0 -0
  246. data/redesign/js/plugins/icheck/skins/square/pink.css +60 -0
  247. data/redesign/js/plugins/icheck/skins/square/pink.png +0 -0
  248. data/redesign/js/plugins/icheck/skins/square/pink@2x.png +0 -0
  249. data/redesign/js/plugins/icheck/skins/square/purple.css +60 -0
  250. data/redesign/js/plugins/icheck/skins/square/purple.png +0 -0
  251. data/redesign/js/plugins/icheck/skins/square/purple@2x.png +0 -0
  252. data/redesign/js/plugins/icheck/skins/square/red.css +60 -0
  253. data/redesign/js/plugins/icheck/skins/square/red.png +0 -0
  254. data/redesign/js/plugins/icheck/skins/square/red@2x.png +0 -0
  255. data/redesign/js/plugins/icheck/skins/square/square.css +60 -0
  256. data/redesign/js/plugins/icheck/skins/square/square.png +0 -0
  257. data/redesign/js/plugins/icheck/skins/square/square@2x.png +0 -0
  258. data/redesign/js/plugins/icheck/skins/square/yellow.css +60 -0
  259. data/redesign/js/plugins/icheck/skins/square/yellow.png +0 -0
  260. data/redesign/js/plugins/icheck/skins/square/yellow@2x.png +0 -0
  261. data/redesign/js/plugins/magnific/jquery.magnific-popup.js +2026 -0
  262. data/redesign/js/plugins/magnific/jquery.magnific-popup.min.js +4 -0
  263. data/redesign/js/plugins/magnific/magnific-popup.css +396 -0
  264. data/redesign/js/plugins/morris/morris.css +1 -0
  265. data/redesign/js/plugins/morris/morris.min.js +1 -0
  266. data/redesign/js/plugins/parsley/parsley.js +1363 -0
  267. data/redesign/js/plugins/select2/select2-spinner.gif +0 -0
  268. data/redesign/js/plugins/select2/select2.css +615 -0
  269. data/redesign/js/plugins/select2/select2.js +3217 -0
  270. data/redesign/js/plugins/select2/select2.min.js +22 -0
  271. data/redesign/js/plugins/select2/select2.png +0 -0
  272. data/redesign/js/plugins/select2/select2x2.png +0 -0
  273. data/redesign/js/plugins/simplecolorpicker/jquery.simplecolorpicker.css +98 -0
  274. data/redesign/js/plugins/simplecolorpicker/jquery.simplecolorpicker.js +211 -0
  275. data/redesign/js/plugins/sparkline/jquery.sparkline.min.js +5 -0
  276. data/redesign/js/plugins/tableCheckable/jquery.tableCheckable.js +122 -0
  277. data/redesign/js/plugins/textarea-counter/jquery.textarea-counter.js +163 -0
  278. data/redesign/js/plugins/timepicker/bootstrap-timepicker.css +121 -0
  279. data/redesign/js/plugins/timepicker/bootstrap-timepicker.js +893 -0
  280. data/redesign/page-404.html +446 -0
  281. data/redesign/page-500.html +453 -0
  282. data/redesign/page-blank.html +417 -0
  283. data/redesign/page-calendar.html +491 -0
  284. data/redesign/page-gallery.html +736 -0
  285. data/redesign/page-invoice.html +705 -0
  286. data/redesign/page-login-social.html +111 -0
  287. data/redesign/page-login.html +82 -0
  288. data/redesign/page-pricing.html +707 -0
  289. data/redesign/page-settings.html +665 -0
  290. data/redesign/page-support.html +825 -0
  291. data/redesign/table-advanced.html +1297 -0
  292. data/redesign/table-basic.html +777 -0
  293. data/redesign/table-responsive.html +720 -0
  294. data/redesign/ui-buttons.html +901 -0
  295. data/redesign/ui-icons.html +1392 -0
  296. data/redesign/ui-popups.html +781 -0
  297. data/redesign/ui-portlets.html +887 -0
  298. data/redesign/ui-sliders.html +520 -0
  299. data/redesign/ui-tabs.html +663 -0
  300. data/redesign/ui-typography.html +687 -0
  301. data/script/fill +5 -0
  302. metadata +292 -3
data/redesign/ui-buttons.html ADDED
@@ -0,0 +1,901 @@
1
+ <!DOCTYPE html>
2
+ <!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
3
+ <!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
4
+ <!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]-->
5
+ <!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
6
+ <head>
7
+
8
+ <title>Button Styles - Canvas Admin</title>
9
+ <meta charset="utf-8">
10
+ <meta name="viewport" content="width=device-width, initial-scale=1.0" />
11
+ <meta name="description" content="">
12
+ <meta name="author" content="" />
13
+
14
+ <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Open+Sans:400italic,600italic,800italic,400,600,800" type="text/css">
15
+ <link rel="stylesheet" href="./css/font-awesome.min.css" type="text/css" />
16
+ <link rel="stylesheet" href="./css/bootstrap.min.css" type="text/css" />
17
+ <link rel="stylesheet" href="./js/libs/css/ui-lightness/jquery-ui-1.9.2.custom.css" type="text/css" />
18
+
19
+ <link rel="stylesheet" href="./css/App.css" type="text/css" />
20
+
21
+ <link rel="stylesheet" href="./css/custom.css" type="text/css" />
22
+
23
+ <style>
24
+ .btn,
25
+ .btn-group {
26
+ margin: 0 10px 15px 0;
27
+ }
28
+
29
+ .btn-block {
30
+ margin-right: 0;
31
+ margin-left: 0;
32
+ }
33
+
34
+ .btn-group .btn {
35
+ margin: 0;
36
+ }
37
+ </style>
38
+
39
+ </head>
40
+
41
+ <body>
42
+
43
+ <div id="wrapper">
44
+
45
+
46
+ <header id="header">
47
+
48
+ <h1 id="site-logo">
49
+ <a href="./index.html">
50
+ <img src="./img/logos/logo.png" alt="Site Logo" />
51
+ </a>
52
+ </h1>
53
+
54
+ <a href="javascript:;" data-toggle="collapse" data-target=".top-bar-collapse" id="top-bar-toggle" class="navbar-toggle collapsed">
55
+ <i class="fa fa-cog"></i>
56
+ </a>
57
+
58
+ <a href="javascript:;" data-toggle="collapse" data-target=".sidebar-collapse" id="sidebar-toggle" class="navbar-toggle collapsed">
59
+ <i class="fa fa-reorder"></i>
60
+ </a>
61
+
62
+ </header> <!-- header -->
63
+
64
+
65
+ <nav id="top-bar" class="collapse top-bar-collapse">
66
+
67
+ <ul class="nav navbar-nav pull-left">
68
+ <li class="">
69
+ <a href="./index.html">
70
+ <i class="fa fa-home"></i>
71
+ Home
72
+ </a>
73
+ </li>
74
+
75
+ <li class="dropdown">
76
+ <a class="dropdown-toggle" data-toggle="dropdown" href="javascript:;">
77
+ Dropdown <span class="caret"></span>
78
+ </a>
79
+
80
+ <ul class="dropdown-menu" role="menu">
81
+ <li><a href="javascript:;"><i class="fa fa-user"></i>&nbsp;&nbsp;Example #1</a></li>
82
+ <li><a href="javascript:;"><i class="fa fa-calendar"></i>&nbsp;&nbsp;Example #2</a></li>
83
+ <li class="divider"></li>
84
+ <li><a href="javascript:;"><i class="fa fa-tasks"></i>&nbsp;&nbsp;Example #3</a></li>
85
+ </ul>
86
+ </li>
87
+
88
+ </ul>
89
+
90
+ <ul class="nav navbar-nav pull-right">
91
+ <li class="dropdown">
92
+ <a class="dropdown-toggle" data-toggle="dropdown" href="javascript:;">
93
+ <i class="fa fa-user"></i>
94
+ Rod Howard
95
+ <span class="caret"></span>
96
+ </a>
97
+
98
+ <ul class="dropdown-menu" role="menu">
99
+ <li>
100
+ <a href="./page-profile.html">
101
+ <i class="fa fa-user"></i>
102
+ &nbsp;&nbsp;My Profile
103
+ </a>
104
+ </li>
105
+ <li>
106
+ <a href="./page-calendar.html">
107
+ <i class="fa fa-calendar"></i>
108
+ &nbsp;&nbsp;My Calendar
109
+ </a>
110
+ </li>
111
+ <li>
112
+ <a href="./page-settings.html">
113
+ <i class="fa fa-cogs"></i>
114
+ &nbsp;&nbsp;Settings
115
+ </a>
116
+ </li>
117
+ <li class="divider"></li>
118
+ <li>
119
+ <a href="./page-login.html">
120
+ <i class="fa fa-sign-out"></i>
121
+ &nbsp;&nbsp;Logout
122
+ </a>
123
+ </li>
124
+ </ul>
125
+ </li>
126
+ </ul>
127
+
128
+ </nav> <!-- /#top-bar -->
129
+
130
+
131
+ <div id="sidebar-wrapper" class="collapse sidebar-collapse">
132
+
133
+ <div id="search">
134
+ <form>
135
+ <input class="form-control input-sm" type="text" name="search" placeholder="Search..." />
136
+
137
+ <button type="submit" id="search-btn" class="btn"><i class="fa fa-search"></i></button>
138
+ </form>
139
+ </div> <!-- #search -->
140
+
141
+ <nav id="sidebar">
142
+
143
+ <ul id="main-nav" class="open-active">
144
+
145
+ <li class="">
146
+ <a href="./index.html">
147
+ <i class="fa fa-dashboard"></i>
148
+ Dashboard
149
+ </a>
150
+ </li>
151
+
152
+ <li class="dropdown">
153
+ <a href="javascript:;">
154
+ <i class="fa fa-file-text"></i>
155
+ Example Pages
156
+ <span class="caret"></span>
157
+ </a>
158
+
159
+ <ul class="sub-nav">
160
+ <li>
161
+ <a href="./page-profile.html">
162
+ <i class="fa fa-user"></i>
163
+ Profile
164
+ </a>
165
+ </li>
166
+ <li>
167
+ <a href="./page-invoice.html">
168
+ <i class="fa fa-money"></i>
169
+ Invoice
170
+ </a>
171
+ </li>
172
+ <li>
173
+ <a href="./page-pricing.html">
174
+ <i class="fa fa-dollar"></i>
175
+ Pricing Plans
176
+ </a>
177
+ </li>
178
+ <li>
179
+ <a href="./page-support.html">
180
+ <i class="fa fa-question"></i>
181
+ Support Page
182
+ </a>
183
+ </li>
184
+ <li>
185
+ <a href="./page-gallery.html">
186
+ <i class="fa fa-picture-o"></i>
187
+ Gallery
188
+ </a>
189
+ </li>
190
+ <li>
191
+ <a href="./page-settings.html">
192
+ <i class="fa fa-cogs"></i>
193
+ Settings
194
+ </a>
195
+ </li>
196
+ <li>
197
+ <a href="./page-calendar.html">
198
+ <i class="fa fa-calendar"></i>
199
+ Calendar
200
+ </a>
201
+ </li>
202
+ </ul>
203
+
204
+ </li>
205
+
206
+ <li class="dropdown">
207
+ <a href="javascript:;">
208
+ <i class="fa fa-tasks"></i>
209
+ Form Elements
210
+ <span class="caret"></span>
211
+ </a>
212
+
213
+ <ul class="sub-nav">
214
+ <li>
215
+ <a href="./form-regular.html">
216
+ <i class="fa fa-location-arrow"></i>
217
+ Regular Elements
218
+ </a>
219
+ </li>
220
+ <li>
221
+ <a href="./form-extended.html">
222
+ <i class="fa fa-magic"></i>
223
+ Extended Elements
224
+ </a>
225
+ </li>
226
+ <li>
227
+ <a href="./form-validation.html">
228
+ <i class="fa fa-check"></i>
229
+ Validation
230
+ </a>
231
+ </li>
232
+ </ul>
233
+
234
+ </li>
235
+
236
+ <li class="dropdown active">
237
+ <a href="javascript:;">
238
+ <i class="fa fa-desktop"></i>
239
+ UI Features
240
+ <span class="caret"></span>
241
+ </a>
242
+
243
+ <ul class="sub-nav">
244
+ <li>
245
+ <a href="./ui-buttons.html">
246
+ <i class="fa fa-hand-o-up"></i>
247
+ Buttons
248
+ </a>
249
+ </li>
250
+ <li>
251
+ <a href="./ui-tabs.html">
252
+ <i class="fa fa-reorder"></i>
253
+ Tabs & Accordions
254
+ </a>
255
+ </li>
256
+
257
+ <li>
258
+ <a href="./ui-popups.html">
259
+ <i class="fa fa-asterisk"></i>
260
+ Popups / Notifications
261
+ </a>
262
+ </li>
263
+
264
+ <li>
265
+ <a href="./ui-sliders.html">
266
+ <i class="fa fa-tasks"></i>
267
+ Sliders
268
+ </a>
269
+ </li>
270
+
271
+ <li class="">
272
+ <a href="./ui-typography.html">
273
+ <i class="fa fa-font"></i>
274
+ Typography
275
+ </a>
276
+ </li>
277
+
278
+ <li class="">
279
+ <a href="./ui-icons.html">
280
+ <i class="fa fa-star-o"></i>
281
+ Icons
282
+ </a>
283
+ </li>
284
+ </ul>
285
+ </li>
286
+
287
+ <li class="dropdown">
288
+ <a href="javascript:;">
289
+ <i class="fa fa-table"></i>
290
+ Tables
291
+ <span class="caret"></span>
292
+ </a>
293
+
294
+ <ul class="sub-nav">
295
+ <li>
296
+ <a href="./table-basic.html">
297
+ <i class="fa fa-table"></i>
298
+ Basic Tables
299
+ </a>
300
+ </li>
301
+ <li>
302
+ <a href="./table-advanced.html">
303
+ <i class="fa fa-table"></i>
304
+ Advanced Tables
305
+ </a>
306
+ </li>
307
+ <li>
308
+ <a href="./table-responsive.html">
309
+ <i class="fa fa-table"></i>
310
+ Responsive Tables
311
+ </a>
312
+ </li>
313
+ </ul>
314
+
315
+ </li>
316
+
317
+ <li>
318
+ <a href="./ui-portlets.html">
319
+ <i class="fa fa-list-alt"></i>
320
+ Portlets
321
+ </a>
322
+ </li>
323
+
324
+ <li class="dropdown">
325
+ <a href="javascript:;">
326
+ <i class="fa fa-bar-chart-o"></i>
327
+ Charts & Graphs
328
+ <span class="caret"></span>
329
+ </a>
330
+
331
+ <ul class="sub-nav">
332
+ <li>
333
+ <a href="./chart-flot.html">
334
+ <i class="fa fa-bar-chart-o"></i>
335
+ jQuery Flot
336
+ </a>
337
+ </li>
338
+ <li>
339
+ <a href="./chart-morris.html">
340
+ <i class="fa fa-bar-chart-o"></i>
341
+ Morris.js
342
+ </a>
343
+ </li>
344
+ </ul>
345
+ </li>
346
+
347
+ <li class="dropdown">
348
+ <a href="javascript:;">
349
+ <i class="fa fa-file-text-o"></i>
350
+ Extra Pages
351
+ <span class="caret"></span>
352
+ </a>
353
+
354
+ <ul class="sub-nav">
355
+ <li>
356
+ <a href="./page-login.html">
357
+ <i class="fa fa-unlock"></i>
358
+ Login Basic
359
+ </a>
360
+ </li>
361
+ <li>
362
+ <a href="./page-login-social.html">
363
+ <i class="fa fa-unlock"></i>
364
+ Login Social
365
+ </a>
366
+ </li>
367
+ <li>
368
+ <a href="./page-404.html">
369
+ <i class="fa fa-ban"></i>
370
+ 404 Error
371
+ </a>
372
+ </li>
373
+ <li>
374
+ <a href="./page-500.html">
375
+ <i class="fa fa-ban"></i>
376
+ 500 Error
377
+ </a>
378
+ </li>
379
+ <li>
380
+ <a href="./page-blank.html">
381
+ <i class="fa fa-file-text-o"></i>
382
+ Blank Page
383
+ </a>
384
+ </li>
385
+ </ul>
386
+ </li>
387
+
388
+ </ul>
389
+
390
+ </nav> <!-- #sidebar -->
391
+
392
+ </div> <!-- /#sidebar-wrapper -->
393
+
394
+
395
+
396
+ <div id="content">
397
+
398
+ <div id="content-header">
399
+ <h1>Button Styles</h1>
400
+ </div> <!-- #content-header -->
401
+
402
+
403
+ <div id="content-container">
404
+
405
+
406
+ <div class="row">
407
+
408
+ <div class="col-md-6 col-sm-6">
409
+
410
+ <div class="portlet">
411
+
412
+ <div class="portlet-header">
413
+
414
+ <h3>
415
+ <i class="fa fa-hand-o-up"></i>
416
+ Regular Buttons
417
+ </h3>
418
+
419
+ </div> <!-- /.portlet-header -->
420
+
421
+ <div class="portlet-content">
422
+
423
+ <button type="button" class="btn btn-default">Default</button>
424
+
425
+ <button type="button" class="btn btn-primary">Primary</button>
426
+
427
+ <button type="button" class="btn btn-secondary">Secondary</button>
428
+
429
+ <button type="button" class="btn btn-tertiary">Tertiary</button>
430
+
431
+ <button type="button" class="btn btn-link">Link</button>
432
+
433
+ <br />
434
+
435
+ <button type="button" class="btn btn-success">Success</button>
436
+
437
+ <button type="button" class="btn btn-info">Info</button>
438
+
439
+ <button type="button" class="btn btn-warning">Warning</button>
440
+
441
+ <button type="button" class="btn btn-danger">Danger</button>
442
+
443
+
444
+ </div> <!-- /.portlet-content -->
445
+
446
+ </div> <!-- /.portlet -->
447
+
448
+ </div><!-- /.col -->
449
+
450
+
451
+
452
+ <div class="col-md-6 col-sm-6">
453
+
454
+ <div class="portlet">
455
+
456
+ <div class="portlet-header">
457
+
458
+ <h3>
459
+ <i class="fa fa-hand-o-up"></i>
460
+ Disabled Buttons
461
+ </h3>
462
+
463
+ </div> <!-- /.portlet-header -->
464
+
465
+ <div class="portlet-content">
466
+ <button type="button" class="btn btn-default" disabled="disabled">Default</button>
467
+
468
+ <button type="button" class="btn btn-primary" disabled="disabled">Primary</button>
469
+
470
+ <button type="button" class="btn btn-secondary" disabled="disabled">Secondary</button>
471
+
472
+ <button type="button" class="btn btn-tertiary" disabled="disabled">Tertiary</button>
473
+
474
+ <button type="button" class="btn btn-link" disabled="disabled">Link</button>
475
+
476
+ <br />
477
+
478
+ <button type="button" class="btn btn-success" disabled="disabled">Success</button>
479
+
480
+ <button type="button" class="btn btn-info" disabled="disabled">Info</button>
481
+
482
+ <button type="button" class="btn btn-warning" disabled="disabled">Warning</button>
483
+
484
+ <button type="button" class="btn btn-danger" disabled="disabled">Danger</button>
485
+
486
+
487
+ </div> <!-- /.portlet-content -->
488
+
489
+ </div> <!-- /.portlet -->
490
+
491
+ </div><!-- /.col -->
492
+
493
+
494
+ </div> <!-- /.row -->
495
+
496
+
497
+
498
+
499
+
500
+
501
+ <div class="row">
502
+
503
+ <div class="col-md-6">
504
+
505
+ <div class="portlet">
506
+
507
+ <div class="portlet-header">
508
+
509
+ <h3>
510
+ <i class="fa fa-hand-o-up"></i>
511
+ Button Sizing
512
+ </h3>
513
+
514
+ </div> <!-- /.portlet-header -->
515
+
516
+ <div class="portlet-content">
517
+ <p>
518
+ <button type="button" class="btn btn-primary btn-lg">Large button</button>
519
+ <button type="button" class="btn btn-default btn-lg">Large button</button>
520
+ </p>
521
+ <p>
522
+ <button type="button" class="btn btn-primary">Default button</button>
523
+ <button type="button" class="btn btn-default">Default button</button>
524
+ </p>
525
+ <p>
526
+ <button type="button" class="btn btn-primary btn-sm">Small button</button>
527
+ <button type="button" class="btn btn-default btn-sm">Small button</button>
528
+ </p>
529
+ <p>
530
+ <button type="button" class="btn btn-primary btn-xs">Extra small button</button>
531
+ <button type="button" class="btn btn-default btn-xs">Extra small button</button>
532
+ </p>
533
+
534
+ </div> <!-- /.portlet-content -->
535
+
536
+ </div> <!-- /.portlet -->
537
+
538
+ </div><!-- /.col -->
539
+
540
+
541
+
542
+ <div class="col-md-6">
543
+
544
+ <div class="portlet">
545
+
546
+ <div class="portlet-header">
547
+
548
+ <h3>
549
+ <i class="fa fa-hand-o-up"></i>
550
+ Button Dropdowns
551
+ </h3>
552
+
553
+ </div> <!-- /.portlet-header -->
554
+
555
+ <div class="portlet-content">
556
+
557
+ <div class="btn-group">
558
+ <button type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown">
559
+ Regular Dropdown <span class="caret"></span>
560
+ </button>
561
+ <ul class="dropdown-menu" role="menu">
562
+ <li><a href="javascript:;">Action</a></li>
563
+ <li><a href="javascript:;">Another action</a></li>
564
+ <li><a href="javascript:;">Something else here</a></li>
565
+ <li class="divider"></li>
566
+ <li><a href="javascript:;">Separated link</a></li>
567
+ </ul>
568
+ </div>
569
+
570
+ <div class="btn-group">
571
+ <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
572
+ Regular Dropdown <span class="caret"></span>
573
+ </button>
574
+ <ul class="dropdown-menu" role="menu">
575
+ <li><a href="javascript:;">Action</a></li>
576
+ <li><a href="javascript:;">Another action</a></li>
577
+ <li><a href="javascript:;">Something else here</a></li>
578
+ <li class="divider"></li>
579
+ <li><a href="javascript:;">Separated link</a></li>
580
+ </ul>
581
+ </div>
582
+
583
+ <br />
584
+ <br />
585
+
586
+ <div class="btn-group">
587
+ <button type="button" class="btn btn-primary">Split Dropdown</button>
588
+ <button type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown">
589
+ <span class="caret"></span>
590
+ </button>
591
+ <ul class="dropdown-menu" role="menu">
592
+ <li><a href="javascript:;">Action</a></li>
593
+ <li><a href="javascript:;">Another action</a></li>
594
+ <li><a href="javascript:;">Something else here</a></li>
595
+ <li class="divider"></li>
596
+ <li><a href="javascript:;">Separated link</a></li>
597
+ </ul>
598
+ </div>
599
+
600
+ <div class="btn-group">
601
+ <button type="button" class="btn btn-default">Split Dropdown</button>
602
+ <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
603
+ <span class="caret"></span>
604
+ </button>
605
+ <ul class="dropdown-menu" role="menu">
606
+ <li><a href="javascript:;">Action</a></li>
607
+ <li><a href="javascript:;">Another action</a></li>
608
+ <li><a href="javascript:;">Something else here</a></li>
609
+ <li class="divider"></li>
610
+ <li><a href="javascript:;">Separated link</a></li>
611
+ </ul>
612
+ </div>
613
+
614
+ <br />
615
+ <br />
616
+
617
+ <div class="btn-group dropup">
618
+ <button type="button" class="btn btn-primary">Dropup</button>
619
+ <button type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown">
620
+ <span class="caret"></span>
621
+ </button>
622
+ <ul class="dropdown-menu">
623
+ <li><a href="javascript:;">Action</a></li>
624
+ <li><a href="javascript:;">Another action</a></li>
625
+ <li><a href="javascript:;">Something else here</a></li>
626
+ <li class="divider"></li>
627
+ <li><a href="javascript:;">Separated link</a></li>
628
+ </ul>
629
+ </div>
630
+
631
+ <div class="btn-group dropup">
632
+ <button type="button" class="btn btn-default">Dropup</button>
633
+ <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
634
+ <span class="caret"></span>
635
+ </button>
636
+ <ul class="dropdown-menu">
637
+ <li><a href="javascript:;">Action</a></li>
638
+ <li><a href="javascript:;">Another action</a></li>
639
+ <li><a href="javascript:;">Something else here</a></li>
640
+ <li class="divider"></li>
641
+ <li><a href="javascript:;">Separated link</a></li>
642
+ </ul>
643
+ </div>
644
+
645
+
646
+ </div> <!-- /.portlet-content -->
647
+
648
+ </div> <!-- /.portlet -->
649
+
650
+ </div><!-- /.col -->
651
+
652
+
653
+ </div> <!-- /.row -->
654
+
655
+
656
+
657
+
658
+
659
+
660
+ <div class="row">
661
+
662
+ <div class="col-md-4">
663
+
664
+ <div class="portlet">
665
+
666
+ <div class="portlet-header">
667
+
668
+ <h3>
669
+ <i class="fa fa-hand-o-up"></i>
670
+ Stateful Buttons
671
+ </h3>
672
+
673
+ </div> <!-- /.portlet-header -->
674
+
675
+ <div class="portlet-content">
676
+ <button type="button" data-loading-text="Loading..." id="loading-ex-1" class="btn btn-tertiary">
677
+ Loading state
678
+ </button>
679
+
680
+ <button type="button" class="btn btn-tertiary" data-toggle="button">Single toggle</button>
681
+
682
+ <br />
683
+ <br />
684
+
685
+ <h5>Checkbox Buttons</h5>
686
+
687
+ <div class="btn-group" data-toggle="buttons">
688
+ <label class="btn btn-tertiary">
689
+ <input type="checkbox"> Option 1
690
+ </label>
691
+ <label class="btn btn-tertiary">
692
+ <input type="checkbox"> Option 2
693
+ </label>
694
+ <label class="btn btn-tertiary">
695
+ <input type="checkbox"> Option 3
696
+ </label>
697
+ </div>
698
+
699
+ <br />
700
+ <br />
701
+
702
+ <h5>Radio Button</h5>
703
+
704
+ <div class="btn-group" data-toggle="buttons">
705
+ <label class="btn btn-tertiary">
706
+ <input type="radio" name="options" id="option1"> Option 1
707
+ </label>
708
+ <label class="btn btn-tertiary">
709
+ <input type="radio" name="options" id="option2"> Option 2
710
+ </label>
711
+ <label class="btn btn-tertiary">
712
+ <input type="radio" name="options" id="option3"> Option 3
713
+ </label>
714
+ </div>
715
+
716
+
717
+ </div> <!-- /.portlet-content -->
718
+
719
+ </div> <!-- /.portlet -->
720
+
721
+ </div><!-- /.col -->
722
+
723
+ <div class="col-md-4">
724
+
725
+ <div class="portlet">
726
+
727
+ <div class="portlet-header">
728
+
729
+ <h3>
730
+ <i class="fa fa-hand-o-up"></i>
731
+ Button Groups
732
+ </h3>
733
+
734
+ </div> <!-- /.portlet-header -->
735
+
736
+ <div class="portlet-content">
737
+
738
+ <h5>Basic Toolbar</h5>
739
+
740
+ <div class="btn-group">
741
+ <button type="button" class="btn btn-default">Left</button>
742
+ <button type="button" class="btn btn-default">Middle</button>
743
+ <button type="button" class="btn btn-default">Right</button>
744
+ </div>
745
+
746
+ <br />
747
+
748
+ <div class="btn-group">
749
+ <button type="button" class="btn btn-default">1</button>
750
+ <button type="button" class="btn btn-default">2</button>
751
+ <button type="button" class="btn btn-default">3</button>
752
+ <button type="button" class="btn btn-default">4</button>
753
+ <button type="button" class="btn btn-default">5</button>
754
+ </div>
755
+
756
+ <br />
757
+ <br />
758
+
759
+ <h5>Toolbar Dropdown</h5>
760
+
761
+ <div class="btn-group">
762
+ <button type="button" class="btn btn-default">1</button>
763
+ <button type="button" class="btn btn-default">2</button>
764
+
765
+ <div class="btn-group">
766
+ <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
767
+ Dropdown
768
+ <span class="caret"></span>
769
+ </button>
770
+ <ul class="dropdown-menu">
771
+ <li><a href="javascript:;">Dropdown link</a></li>
772
+ <li><a href="javascript:;">Dropdown link</a></li>
773
+ </ul>
774
+ </div>
775
+ </div>
776
+
777
+
778
+ </div> <!-- /.portlet-content -->
779
+
780
+ </div> <!-- /.portlet -->
781
+
782
+ </div><!-- /.col -->
783
+
784
+
785
+ <div class="col-md-4">
786
+
787
+ <div class="portlet">
788
+
789
+ <div class="portlet-header">
790
+
791
+ <h3>
792
+ <i class="fa fa-hand-o-up"></i>
793
+ Icon Only
794
+ </h3>
795
+
796
+ </div> <!-- /.portlet-header -->
797
+
798
+ <div class="portlet-content">
799
+
800
+ <button type="button" class="btn btn-sm btn-secondary">
801
+ <i class="fa fa-star"></i>
802
+ </button>
803
+
804
+ <button type="button" class="btn btn-sm btn-secondary">
805
+ <i class="fa fa-code"></i>
806
+ </button>
807
+
808
+ <button type="button" class="btn btn-sm btn-secondary">
809
+ <i class="fa fa-cloud"></i>
810
+ </button>
811
+
812
+ <button type="button" class="btn btn-sm btn-secondary">
813
+ <i class="fa fa-eraser"></i>
814
+ </button>
815
+
816
+ <button type="button" class="btn btn-sm btn-secondary">
817
+ <i class="fa fa-check"></i>
818
+ </button>
819
+
820
+ <br />
821
+ <br />
822
+
823
+ <button type="button" class="btn btn-secondary">
824
+ <i class="fa fa-star"></i>
825
+ </button>
826
+
827
+ <button type="button" class="btn btn-secondary">
828
+ <i class="fa fa-code"></i>
829
+ </button>
830
+
831
+ <button type="button" class="btn btn-secondary">
832
+ <i class="fa fa-cloud"></i>
833
+ </button>
834
+
835
+ <button type="button" class="btn btn-secondary">
836
+ <i class="fa fa-eraser"></i>
837
+ </button>
838
+
839
+ <button type="button" class="btn btn-secondary">
840
+ <i class="fa fa-check"></i>
841
+ </button>
842
+
843
+ <br />
844
+ <br />
845
+
846
+ <button type="button" class="btn btn-lg btn-secondary">
847
+ <i class="fa fa-star"></i>
848
+ </button>
849
+
850
+ <button type="button" class="btn btn-lg btn-secondary">
851
+ <i class="fa fa-code"></i>
852
+ </button>
853
+
854
+ <button type="button" class="btn btn-lg btn-secondary">
855
+ <i class="fa fa-cloud"></i>
856
+ </button>
857
+
858
+ <button type="button" class="btn btn-lg btn-secondary">
859
+ <i class="fa fa-eraser"></i>
860
+ </button>
861
+
862
+ <button type="button" class="btn btn-lg btn-secondary">
863
+ <i class="fa fa-check"></i>
864
+ </button>
865
+
866
+ </div> <!-- /.portlet-content -->
867
+
868
+ </div> <!-- /.portlet -->
869
+
870
+ </div><!-- /.col -->
871
+
872
+ </div> <!-- /.row -->
873
+
874
+
875
+ </div> <!-- /#content-container -->
876
+
877
+
878
+
879
+ </div> <!-- #content -->
880
+
881
+
882
+ </div> <!-- #wrapper -->
883
+
884
+ <footer id="footer">
885
+ <ul class="nav pull-right">
886
+ <li>
887
+ Copyright &copy; 2013, Jumpstart Themes.
888
+ </li>
889
+ </ul>
890
+ </footer>
891
+
892
+ <script src="./js/libs/jquery-1.9.1.min.js"></script>
893
+ <script src="./js/libs/jquery-ui-1.9.2.custom.min.js"></script>
894
+ <script src="./js/libs/bootstrap.min.js"></script>
895
+
896
+ <script src="./js/App.js"></script>
897
+
898
+ <script src="./js/demos/buttons.js"></script>
899
+
900
+ </body>
901
+ </html>