Angular Material Layout

by Shantanu Kulkarni

HTML

<link rel="stylesheet" href="https://rawgit.com/angular/bower-material/master/angular-material.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.4.6/angular.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.4.6/angular-animate.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.4.6/angular-aria.js"></script>
<script src="https://rawgit.com/angular/bower-material/master/angular-material.js"></script>
<div ng-app="myApp">
<md-card flex layout-align='center center'>
  <md-card-content>
    TESTING
  </md-card-content>
</md-card>
</div>

CSS

md-card:after {
  content: "";
  position: absolute;
  box-shadow: rgba(0, 0, 0, 0.3) 2px 2px 2px ;
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 35px;
  left: 48%;
  border-width: 15px;
  border-style: solid;
  border-color: transparent #FFF #FFF transparent;
}

JavaScript

angular.module('myApp', ['ngMaterial']);