123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242 |
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="utf-8">
- <meta http-equiv="X-UA-Compatible" content="IE=edge">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
- <meta name="description" content="">
- <meta name="author" content="">
- <link rel="icon" href="../../favicon.ico">
- <title>Dashboard Template for Bootstrap</title>
- <!-- Bootstrap core CSS -->
- <link href="../../dist/css/bootstrap.min.css" rel="stylesheet">
- <!-- Custom styles for this template -->
- <link href="dashboard.css" rel="stylesheet">
- <!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
- <script src="../../assets/js/ie10-viewport-bug-workaround.js"></script>
- </head>
- <body>
- <nav class="navbar navbar-inverse navbar-fixed-top">
- <div class="container-fluid">
- <div class="navbar-header">
- <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
- <span class="sr-only">Toggle navigation</span>
- <span class="icon-bar"></span>
- <span class="icon-bar"></span>
- <span class="icon-bar"></span>
- </button>
- <a class="navbar-brand" href="javascript:;">Project name</a>
- </div>
- <div id="navbar" class="navbar-collapse collapse">
- <ul class="nav navbar-nav navbar-right">
- <li><a href="javascript:;">Dashboard</a></li>
- <li><a href="javascript:;">Settings</a></li>
- <li><a href="javascript:;">Profile</a></li>
- <li><a href="javascript:;">Help</a></li>
- </ul>
- <form class="navbar-form navbar-right">
- <input type="text" class="form-control" placeholder="Search...">
- </form>
- </div>
- </div>
- </nav>
- <div class="container-fluid">
- <div class="row">
- <div class="col-sm-3 col-md-2 sidebar">
- <ul class="nav nav-sidebar">
- <li class="active"><a href="javascript:;">Overview <span class="sr-only">(current)</span></a></li>
- <li><a href="javascript:;">Reports</a></li>
- <li><a href="javascript:;">Analytics</a></li>
- <li><a href="javascript:;">Export</a></li>
- </ul>
- <ul class="nav nav-sidebar">
- <li><a href="">Nav item</a></li>
- <li><a href="">Nav item again</a></li>
- <li><a href="">One more nav</a></li>
- <li><a href="">Another nav item</a></li>
- <li><a href="">More navigation</a></li>
- </ul>
- <ul class="nav nav-sidebar">
- <li><a href="">Nav item again</a></li>
- <li><a href="">One more nav</a></li>
- <li><a href="">Another nav item</a></li>
- </ul>
- </div>
- <div class="col-sm-9 col-sm-offset-3 col-md-10 col-md-offset-2 main">
- <h1 class="page-header">Dashboard</h1>
- <div class="row placeholders">
- <div class="col-xs-6 col-sm-3 placeholder">
- <img src="data:image/gif;base64,R0lGODlhAQABAIAAAHd3dwAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==" width="200" height="200" class="img-responsive" alt="Generic placeholder thumbnail">
- <h4>Label</h4>
- <span class="text-muted">Something else</span>
- </div>
- <div class="col-xs-6 col-sm-3 placeholder">
- <img src="data:image/gif;base64,R0lGODlhAQABAIAAAHd3dwAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==" width="200" height="200" class="img-responsive" alt="Generic placeholder thumbnail">
- <h4>Label</h4>
- <span class="text-muted">Something else</span>
- </div>
- <div class="col-xs-6 col-sm-3 placeholder">
- <img src="data:image/gif;base64,R0lGODlhAQABAIAAAHd3dwAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==" width="200" height="200" class="img-responsive" alt="Generic placeholder thumbnail">
- <h4>Label</h4>
- <span class="text-muted">Something else</span>
- </div>
- <div class="col-xs-6 col-sm-3 placeholder">
- <img src="data:image/gif;base64,R0lGODlhAQABAIAAAHd3dwAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==" width="200" height="200" class="img-responsive" alt="Generic placeholder thumbnail">
- <h4>Label</h4>
- <span class="text-muted">Something else</span>
- </div>
- </div>
- <h2 class="sub-header">Section title</h2>
- <div class="table-responsive">
- <table class="table table-striped">
- <thead>
- <tr>
- <th>#</th>
- <th>Header</th>
- <th>Header</th>
- <th>Header</th>
- <th>Header</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>1,001</td>
- <td>Lorem</td>
- <td>ipsum</td>
- <td>dolor</td>
- <td>sit</td>
- </tr>
- <tr>
- <td>1,002</td>
- <td>amet</td>
- <td>consectetur</td>
- <td>adipiscing</td>
- <td>elit</td>
- </tr>
- <tr>
- <td>1,003</td>
- <td>Integer</td>
- <td>nec</td>
- <td>odio</td>
- <td>Praesent</td>
- </tr>
- <tr>
- <td>1,003</td>
- <td>libero</td>
- <td>Sed</td>
- <td>cursus</td>
- <td>ante</td>
- </tr>
- <tr>
- <td>1,004</td>
- <td>dapibus</td>
- <td>diam</td>
- <td>Sed</td>
- <td>nisi</td>
- </tr>
- <tr>
- <td>1,005</td>
- <td>Nulla</td>
- <td>quis</td>
- <td>sem</td>
- <td>at</td>
- </tr>
- <tr>
- <td>1,006</td>
- <td>nibh</td>
- <td>elementum</td>
- <td>imperdiet</td>
- <td>Duis</td>
- </tr>
- <tr>
- <td>1,007</td>
- <td>sagittis</td>
- <td>ipsum</td>
- <td>Praesent</td>
- <td>mauris</td>
- </tr>
- <tr>
- <td>1,008</td>
- <td>Fusce</td>
- <td>nec</td>
- <td>tellus</td>
- <td>sed</td>
- </tr>
- <tr>
- <td>1,009</td>
- <td>augue</td>
- <td>semper</td>
- <td>porta</td>
- <td>Mauris</td>
- </tr>
- <tr>
- <td>1,010</td>
- <td>massa</td>
- <td>Vestibulum</td>
- <td>lacinia</td>
- <td>arcu</td>
- </tr>
- <tr>
- <td>1,011</td>
- <td>eget</td>
- <td>nulla</td>
- <td>Class</td>
- <td>aptent</td>
- </tr>
- <tr>
- <td>1,012</td>
- <td>taciti</td>
- <td>sociosqu</td>
- <td>ad</td>
- <td>litora</td>
- </tr>
- <tr>
- <td>1,013</td>
- <td>torquent</td>
- <td>per</td>
- <td>conubia</td>
- <td>nostra</td>
- </tr>
- <tr>
- <td>1,014</td>
- <td>per</td>
- <td>inceptos</td>
- <td>himenaeos</td>
- <td>Curabitur</td>
- </tr>
- <tr>
- <td>1,015</td>
- <td>sodales</td>
- <td>ligula</td>
- <td>in</td>
- <td>libero</td>
- </tr>
- </tbody>
- </table>
- </div>
- </div>
- </div>
- </div>
- <!-- Bootstrap core JavaScript
- ================================================== -->
- <!-- Placed at the end of the document so the pages load faster -->
- <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
- <script>window.jQuery || document.write('<script src="../../assets/js/vendor/jquery.min.js"><\/script>')</script>
- <script src="../../dist/js/bootstrap.min.js"></script>
- <!-- Just to make our placeholder images work. Don't actually copy the next line! -->
- <script src="../../assets/js/vendor/holder.min.js"></script>
- <!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
- <script src="../../assets/js/ie10-viewport-bug-workaround.js"></script>
- </body>
- </html>
|