"Status Boxes"
Bootstrap 3.2.0 Snippet by uriziel01pl

<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"> <div class="panel status panel-success " style="cursor:pointer"> <h1 class="panel-title text-center"><a href="test" class="btn btn-success">Create new</a></h1> <div class="panel-body text-center"> <div class="form-group"> <select class="form-control"> <option>test1</option> <option>test2</option> <option>test3</option> <option>test4</option> </select> </div> </div> </div> </div>
@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,900|Oswald); body{ padding: 50px 0; } .status { font-family: 'Source Sans Pro', sans-serif; } .status .panel-title { font-family: 'Oswald', sans-serif; font-size: 32px; color:#000; font-weight: bold; line-height: 45px; padding-top: 20px; letter-spacing: -0.8px; }

Related: See More


Questions / Comments: