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