Angular Material Layout

by pankaj agrawal

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>
<md-slider flex class="md-primary" md-discrete ng-model="rating3" step="1" min="1" max="5"
                 aria-label="rating">
      </md-slider>

CSS

main {
    background: ivory;
}
img {
    max-width:100%;
    width:100%;
}

JavaScript

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