| <!-- Square card --> |
| <style> |
| .demo-card-square.mdl-card { |
| width: 320px; |
| height: 320px; |
| } |
| .demo-card-square > .mdl-card__title { |
| color: #fff; |
| background: |
| url('../assets/demos/dog.png') bottom right 15% no-repeat #46B6AC; |
| } |
| </style> |
| |
| <div class="demo-card-square mdl-card mdl-shadow--2dp"> |
| <div class="mdl-card__title mdl-card--expand"> |
| <h2 class="mdl-card__title-text">Update</h2> |
| </div> |
| <div class="mdl-card__supporting-text"> |
| Lorem ipsum dolor sit amet, consectetur adipiscing elit. |
| Aenan convallis. |
| </div> |
| <div class="mdl-card__actions mdl-card--border"> |
| <a class="mdl-button mdl-button--colored mdl-js-button mdl-js-ripple-effect"> |
| View Updates |
| </a> |
| </div> |
| </div> |