Bootstrap Snippet caret profile using HTML CSS Bootstrap

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
<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.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">
    <div class="row">
       <p></p>
        <div class="stats-buttons-grid">
       <div class="row">
        <div class="col-lg-4 ">
                <div class="thumbnail" align="center">
                    <div class="icon green">
                        <i class="fa fa-file-text-o" style="font-size: 72px; margin-top: 7px;"> <img id="profile-img" class="profile-img-card" src="//ssl.gstatic.com/accounts/ui/avatar_2x.png" /></i>
                    </div>
                    <div class="caption">
                        <h3>Title</h3>
                        <p>text</p>
                        <p align="center">
                            <a href="#" class="btn btn-danger tip delete-action" title=""><i class="fa fa-trash-o"></i> Delete</a>
                            <a href="#" class="btn btn-info tip" title=""><i class="fa fa-cloud-download"></i> View</a>
                        </p>
                    </div>
                </div>
            </div>
    
    </div>
</div>
    </div>
</div>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

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
 .stats-buttons-grid .thumbnail .icon.green {
        border: 1px solid #72b110;
    }
    .stats-buttons-grid .thumbnail .icon {
        background: transparent;
        border-radius: 23px;
        box-shadow: 0 0 4px 0 #ffffff inset, 0 0 4px 0 #c9c9c9;
        height: 92px;
        margin: 10px 50px 5px;
        width: 92px;
    }
    .green {
        color: #72b110;
    }
    .stats-buttons-grid .thumbnail p{
        padding: 0;
    }
    
    /*
 * Specific styles of signin component
 */
/*
 * General styles
 */
body, html {
    height: 100%;
    background-repeat: no-repeat;
    background-color: #003D78;
}
.card-container.card {
    width: 350px;
    padding: 40px 40px;
}
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

1
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

"caret profile"
Bootstrap 3.3.0 Snippet by yomateo870130

Related: See More

Questions / Comments:

"caret profile" Bootstrap 3.3.0 Snippet by yomateo870130

Related: See More

Questions / Comments:

"caret profile"
Bootstrap 3.3.0 Snippet by yomateo870130