"matirial"
Bootstrap 2.3.2 Snippet by lucabruschetti

<link href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/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> <div class="span6"> 1 <div class="card"> <div class="card-title"> <span class="title">Material Cards</span> </div> <div class="card-content"> <p>Cards for display in portfolio style material design by Google. Cards for display in portfolio style material design by Google.<br> Cards for display in portfolio style material design by Google. </p> </div> <!-- <div class="card-action"> </div> --> </div> 2 </div> <div class="span6">3 </div> </div>
.card { box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); margin-top: 10px; box-sizing: border-box; border-radius: 2px; background-clip: padding-box; } .card .card-title { position: relative; overflow: hidden; padding: 12px; background: #F0F0F0; } .card .card-title span.title { font-size: 18px; } .card .card-content { padding: 16px; border-radius: 0 0 2px 2px; background-clip: padding-box; box-sizing: border-box; border-top: 1px solid rgba(160, 160, 160, 0.2); } .card .card-content p { margin: 0; color: inherit; } .card .card-action { border-top: 1px solid rgba(160, 160, 160, 0.2); padding: 16px; }

Related: See More


Questions / Comments: