POLICY-SDK-APP/src/main/webapp/app/policyApp/CSS/bootstrap/docs/examples/dashboard/index.html

   1 <!DOCTYPE html>
   2 <html lang="en">
   3   <head>
   4     <meta charset="utf-8">
   5     <meta http-equiv="X-UA-Compatible" content="IE=edge">
   6     <meta name="viewport" content="width=device-width, initial-scale=1">
   7     <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
   8     <meta name="description" content="">
   9     <meta name="author" content="">
  10     <link rel="icon" href="../../favicon.ico">
  11
  12     <title>Dashboard Template for Bootstrap</title>
  13
  14     <!-- Bootstrap core CSS -->
  15     <link href="../../dist/css/bootstrap.min.css" rel="stylesheet">
  16
  17     <!-- Custom styles for this template -->
  18     <link href="dashboard.css" rel="stylesheet">
  19
  20     <!-- Just for debugging purposes. Don't actually copy these 2 lines! -->
  21     <!--[if lt IE 9]><script src="../../assets/js/ie8-responsive-file-warning.js"></script><![endif]-->
  22     <script src="../../assets/js/ie-emulation-modes-warning.js"></script>
  23
  24     <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
  25     <!--[if lt IE 9]>
  26       <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
  27       <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
  28     <![endif]-->
  29   </head>
  30
  31   <body>
  32
  33     <nav class="navbar navbar-inverse navbar-fixed-top">
  34       <div class="container-fluid">
  35         <div class="navbar-header">
  36           <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
  37             <span class="sr-only">Toggle navigation</span>
  38             <span class="icon-bar"></span>
  39             <span class="icon-bar"></span>
  40             <span class="icon-bar"></span>
  41           </button>
  42           <a class="navbar-brand" href="#">Project name</a>
  43         </div>
  44         <div id="navbar" class="navbar-collapse collapse">
  45           <ul class="nav navbar-nav navbar-right">
  46             <li><a href="#">Dashboard</a></li>
  47             <li><a href="#">Settings</a></li>
  48             <li><a href="#">Profile</a></li>
  49             <li><a href="#">Help</a></li>
  50           </ul>
  51           <form class="navbar-form navbar-right">
  52             <input type="text" class="form-control" placeholder="Search...">
  53           </form>
  54         </div>
  55       </div>
  56     </nav>
  57
  58     <div class="container-fluid">
  59       <div class="row">
  60         <div class="col-sm-3 col-md-2 sidebar">
  61           <ul class="nav nav-sidebar">
  62             <li class="active"><a href="#">Overview <span class="sr-only">(current)</span></a></li>
  63             <li><a href="#">Reports</a></li>
  64             <li><a href="#">Analytics</a></li>
  65             <li><a href="#">Export</a></li>
  66           </ul>
  67           <ul class="nav nav-sidebar">
  68             <li><a href="">Nav item</a></li>
  69             <li><a href="">Nav item again</a></li>
  70             <li><a href="">One more nav</a></li>
  71             <li><a href="">Another nav item</a></li>
  72             <li><a href="">More navigation</a></li>
  73           </ul>
  74           <ul class="nav nav-sidebar">
  75             <li><a href="">Nav item again</a></li>
  76             <li><a href="">One more nav</a></li>
  77             <li><a href="">Another nav item</a></li>
  78           </ul>
  79         </div>
  80         <div class="col-sm-9 col-sm-offset-3 col-md-10 col-md-offset-2 main">
  81           <h1 class="page-header">Dashboard</h1>
  82
  83           <div class="row placeholders">
  84             <div class="col-xs-6 col-sm-3 placeholder">
  85               <img data-src="holder.js/200x200/auto/sky" class="img-responsive" alt="Generic placeholder thumbnail">
  86               <h4>Label</h4>
  87               <span class="text-muted">Something else</span>
  88             </div>
  89             <div class="col-xs-6 col-sm-3 placeholder">
  90               <img data-src="holder.js/200x200/auto/vine" class="img-responsive" alt="Generic placeholder thumbnail">
  91               <h4>Label</h4>
  92               <span class="text-muted">Something else</span>
  93             </div>
  94             <div class="col-xs-6 col-sm-3 placeholder">
  95               <img data-src="holder.js/200x200/auto/sky" class="img-responsive" alt="Generic placeholder thumbnail">
  96               <h4>Label</h4>
  97               <span class="text-muted">Something else</span>
  98             </div>
  99             <div class="col-xs-6 col-sm-3 placeholder">
 100               <img data-src="holder.js/200x200/auto/vine" class="img-responsive" alt="Generic placeholder thumbnail">
 101               <h4>Label</h4>
 102               <span class="text-muted">Something else</span>
 103             </div>
 104           </div>
 105
 106           <h2 class="sub-header">Section title</h2>
 107           <div class="table-responsive">
 108             <table class="table table-striped">
 109               <thead>
 110                 <tr>
 111                   <th>#</th>
 112                   <th>Header</th>
 113                   <th>Header</th>
 114                   <th>Header</th>
 115                   <th>Header</th>
 116                 </tr>
 117               </thead>
 118               <tbody>
 119                 <tr>
 120                   <td>1,001</td>
 121                   <td>Lorem</td>
 122                   <td>ipsum</td>
 123                   <td>dolor</td>
 124                   <td>sit</td>
 125                 </tr>
 126                 <tr>
 127                   <td>1,002</td>
 128                   <td>amet</td>
 129                   <td>consectetur</td>
 130                   <td>adipiscing</td>
 131                   <td>elit</td>
 132                 </tr>
 133                 <tr>
 134                   <td>1,003</td>
 135                   <td>Integer</td>
 136                   <td>nec</td>
 137                   <td>odio</td>
 138                   <td>Praesent</td>
 139                 </tr>
 140                 <tr>
 141                   <td>1,003</td>
 142                   <td>libero</td>
 143                   <td>Sed</td>
 144                   <td>cursus</td>
 145                   <td>ante</td>
 146                 </tr>
 147                 <tr>
 148                   <td>1,004</td>
 149                   <td>dapibus</td>
 150                   <td>diam</td>
 151                   <td>Sed</td>
 152                   <td>nisi</td>
 153                 </tr>
 154                 <tr>
 155                   <td>1,005</td>
 156                   <td>Nulla</td>
 157                   <td>quis</td>
 158                   <td>sem</td>
 159                   <td>at</td>
 160                 </tr>
 161                 <tr>
 162                   <td>1,006</td>
 163                   <td>nibh</td>
 164                   <td>elementum</td>
 165                   <td>imperdiet</td>
 166                   <td>Duis</td>
 167                 </tr>
 168                 <tr>
 169                   <td>1,007</td>
 170                   <td>sagittis</td>
 171                   <td>ipsum</td>
 172                   <td>Praesent</td>
 173                   <td>mauris</td>
 174                 </tr>
 175                 <tr>
 176                   <td>1,008</td>
 177                   <td>Fusce</td>
 178                   <td>nec</td>
 179                   <td>tellus</td>
 180                   <td>sed</td>
 181                 </tr>
 182                 <tr>
 183                   <td>1,009</td>
 184                   <td>augue</td>
 185                   <td>semper</td>
 186                   <td>porta</td>
 187                   <td>Mauris</td>
 188                 </tr>
 189                 <tr>
 190                   <td>1,010</td>
 191                   <td>massa</td>
 192                   <td>Vestibulum</td>
 193                   <td>lacinia</td>
 194                   <td>arcu</td>
 195                 </tr>
 196                 <tr>
 197                   <td>1,011</td>
 198                   <td>eget</td>
 199                   <td>nulla</td>
 200                   <td>Class</td>
 201                   <td>aptent</td>
 202                 </tr>
 203                 <tr>
 204                   <td>1,012</td>
 205                   <td>taciti</td>
 206                   <td>sociosqu</td>
 207                   <td>ad</td>
 208                   <td>litora</td>
 209                 </tr>
 210                 <tr>
 211                   <td>1,013</td>
 212                   <td>torquent</td>
 213                   <td>per</td>
 214                   <td>conubia</td>
 215                   <td>nostra</td>
 216                 </tr>
 217                 <tr>
 218                   <td>1,014</td>
 219                   <td>per</td>
 220                   <td>inceptos</td>
 221                   <td>himenaeos</td>
 222                   <td>Curabitur</td>
 223                 </tr>
 224                 <tr>
 225                   <td>1,015</td>
 226                   <td>sodales</td>
 227                   <td>ligula</td>
 228                   <td>in</td>
 229                   <td>libero</td>
 230                 </tr>
 231               </tbody>
 232             </table>
 233           </div>
 234         </div>
 235       </div>
 236     </div>
 237
 238     <!-- Bootstrap core JavaScript
 239     ================================================== -->
 240     <!-- Placed at the end of the document so the pages load faster -->
 241     <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
 242     <script src="../../dist/js/bootstrap.min.js"></script>
 243     <!-- Just to make our placeholder images work. Don't actually copy the next line! -->
 244     <script src="../../assets/js/vendor/holder.js"></script>
 245     <!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
 246     <script src="../../assets/js/ie10-viewport-bug-workaround.js"></script>
 247   </body>
 248 </html>