Skip to content
GitLab
Switch branch/tag
Find file BlameHistoryPermalink
index.html 8.90 KiB
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, shrink-to-fit=no">
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 
  </head>
20
21 
  <body>
22
23 
    <nav class="navbar navbar-dark navbar-fixed-top bg-inverse">
24 
      <button type="button" class="navbar-toggler hidden-sm-up" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
25 
        <span class="sr-only">Toggle navigation</span>
26 
        <span class="icon-bar"></span>
27 
        <span class="icon-bar"></span>
28 
        <span class="icon-bar"></span>
29 
      </button>
30 
      <a class="navbar-brand" href="#">Project name</a>
31 
      <div id="navbar">
32 
        <nav class="nav navbar-nav pull-xs-left">
33 
          <a class="nav-item nav-link" href="#">Dashboard</a>
34 
          <a class="nav-item nav-link" href="#">Settings</a>
35 
          <a class="nav-item nav-link" href="#">Profile</a>
36 
          <a class="nav-item nav-link" href="#">Help</a>
37 
        </nav>
38 
        <form class="pull-xs-right">
39 
          <input type="text" class="form-control" placeholder="Search...">
40 
        </form>
41 
      </div>
42 
    </nav>
43
44 
    <div class="container-fluid">
45 
      <div class="row">
46 
        <div class="col-sm-3 col-md-2 sidebar">
47 
          <ul class="nav nav-sidebar">
48 
            <li class="active"><a href="#">Overview <span class="sr-only">(current)</span></a></li>
49 
            <li><a href="#">Reports</a></li>
50 
            <li><a href="#">Analytics</a></li>
51 
            <li><a href="#">Export</a></li>
52 
          </ul>
53 
          <ul class="nav nav-sidebar">
54 
            <li><a href="">Nav item</a></li>
55 
            <li><a href="">Nav item again</a></li>
56 
            <li><a href="">One more nav</a></li>
57 
            <li><a href="">Another nav item</a></li>
58 
            <li><a href="">More navigation</a></li>
59 
          </ul>
60 
          <ul class="nav nav-sidebar">
61 
            <li><a href="">Nav item again</a></li>
62 
            <li><a href="">One more nav</a></li>
63 
            <li><a href="">Another nav item</a></li>
64 
          </ul>
65 
        </div>
66 
        <div class="col-sm-9 offset-sm-3 col-md-10 offset-md-2 main">
67 
          <h1 class="page-header">Dashboard</h1>
68
69 
          <div class="row placeholders">
70 
            <div class="col-xs-6 col-sm-3 placeholder">
7172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140
<img src="data:image/gif;base64,R0lGODlhAQABAIAAAHd3dwAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==" width="200" height="200" class="img-fluid" 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-fluid" 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-fluid" 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-fluid" alt="Generic placeholder thumbnail"> <h4>Label</h4> <span class="text-muted">Something else</span> </div> </div> <h2>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>