1<div ng-include="'views/navbar.html'"></div>
  2
  3
  4<div class="container">
  5    <div class="row">
  6        <div class="col-sm-4">
  7            <div class="panel">
  8                <div class="panel-heading c_deepPurple300">
  9                    <h3 class="panel-title">All users</h3>
 10                </div>
 11                <div class="panel-body">
 12                    <div class="list-group">
 13                        <div class="list-group-item">
 14                            <div class="row-picture">
 15                                <img class="circle" src="http://lorempixel.com/56/56/people/2" alt="icon">
 16                            </div>
 17                            <div class="row-content">
 18                                <h4 class="list-group-item-heading">User 1</h4>
 19
 20                                <p class="list-group-item-text">Donec id elit non mi porta gravida at eget metus</p>
 21                            </div>
 22                        </div>
 23                        <div class="list-group-separator"></div>
 24                        <div class="list-group-item">
 25                            <div class="row-picture">
 26                                <img class="circle" src="http://lorempixel.com/56/56/people/5" alt="icon">
 27                            </div>
 28                            <div class="row-content">
 29                                <h4 class="list-group-item-heading">User 2</h4>
 30
 31                                <p class="list-group-item-text">Maecenas sed diam eget risus varius blandit.</p>
 32                            </div>
 33                        </div>
 34                        <div class="list-group-separator"></div>
 35                        <div class="list-group-item">
 36                            <div class="row-picture">
 37                                <img class="circle" src="http://lorempixel.com/56/56/people/11" alt="icon">
 38                            </div>
 39                            <div class="row-content">
 40                                <h4 class="list-group-item-heading">User 3</h4>
 41
 42                                <p class="list-group-item-text">Maecenas sed diam eget risus varius blandit.</p>
 43                            </div>
 44                        </div>
 45                        <div class="list-group-separator"></div>
 46                    </div>
 47                    <br>
 48                    <div class="btn btn-raised c_deepPurple300">See all</div>
 49                </div>
 50            </div>
 51        </div>
 52        <div class="col-sm-5">
 53            <div class="panel">
 54                <div class="panel-heading c_deepPurple300">
 55                    <h3 class="panel-title">All travels</h3>
 56                </div>
 57                <div class="panel-body">
 58                    <table class="table table-striped table-hover ">
 59                        <thead>
 60                            <tr>
 61                                <th>From</th>
 62                                <th>To</th>
 63                                <th>User</th>
 64                                <th>nºJoins</th>
 65                            </tr>
 66                        </thead>
 67                        <tbody>
 68                            <tr>
 69                                <td>Greece</td>
 70                                <td>Portugal</td>
 71                                <td>User1</td>
 72                                <td>2</td>
 73                            </tr>
 74                            <tr>
 75                                <td>Paris</td>
 76                                <td>Roma</td>
 77                                <td>User2</td>
 78                                <td>3</td>
 79                            </tr>
 80                            <tr>
 81                                <td>Madrid</td>
 82                                <td>Dublin</td>
 83                                <td>User1</td>
 84                                <td>1</td>
 85                            </tr>
 86                        </tbody>
 87                    </table>
 88                </div>
 89            </div>
 90        </div>
 91        <div class="col-sm-3">
 92            <div class="panel">
 93                <div class="panel-heading c_deepPurple300">
 94                    <h3 class="panel-title">Actions</h3>
 95                </div>
 96                <div class="panel-body">
 97                    Panel content
 98                </div>
 99            </div>
100        </div>
101    </div>
102</div>