"PT plugins system"
Bootstrap 3.2.0 Snippet by SrPatinhas

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
<link href="//netdna.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//netdna.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<!------ Include the above in your HEAD tag ---------->
<div class="container" style="margin-top:50px">
<div class="well">
<div class="media">
<a class="pull-left" href="#">
<img class="media-object" src="http://placehold.it/75x75">
</a>
<div class="media-body">
<div class="col-md-10">
<h4 class="media-heading">YIFY</h4>
<div class="progress">
<div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="100" aria-valuemin="0" aria-valuemax="100" style="width: 100%">
<span class="">Active</span>
</div>
</div>
<ul class="list-inline list-unstyled">
<li><span><i class="glyphicon glyphicon-transfer"></i> 340Kb/s </span></li>
<li>|</li>
<span><i class="glyphicon glyphicon-file"></i> Movies</span>
</ul>
</div>
<div class="col-md-2">
<div class="icons-options">
<a href="">
<i class="glyphicon glyphicon-info-sign"></i>
</a>
<a href="">
<i class="glyphicon glyphicon-ok-sign"></i>
</a>
<a href="">
<i class="glyphicon glyphicon-trash"></i>
</a>
</div>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
.media {
height:auto;
height:100px;
}
.icons-options{
padding: 33px 10px;
font-size: 30px;
}
.icons-options .glyphicon{
padding:2px;
}
.icons-options a{
text-decoration:none;
}
hr{
border-bottom: 1px solid #999;
}
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Related: See More


Questions / Comments: