No items yet

by halirgb

HTML

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.2.0/css/font-awesome.min.css">
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css">
<div class="no-content">
    <i class="fa fa-bell"></i>
    <p>Your Items will appear here.</p>
    <button class="btn btn-default">Create Item</button>
</div>

CSS

@import url(http://fonts.googleapis.com/css?family=Open+Sans:600italic,400,300);

body{
    background-color:#F3F3F3;
    font-family: 'Open Sans', sans-serif;
}
.no-content{
    position:fixed;
    top:50%;
    left:50%;
    width:250px;
    height:151px;
    margin-top:-75.5px;
    margin-left:-125px;
    text-align:center;
}
.fa-bell{
    color:#c4c2c2;
    font-size:72px;
}
p{
    font-size:18px;
    font-weight:300;
    color:#818181;
    margin-top:10px;
}
.btn{
    color:#888888;
}